Skip to content

Cannot read property 'scrollIntoView' of null - Storybook error #213

Open

Description

@NickRuiz

Describe the bug
While editing the transcript while the audio was playing, I received the following error:

TypeError: Cannot read property 'scrollIntoView' of null
    at TimedTextEditor.getCurrentWord (http://localhost:6006/main.6594fe536ebdd15b9dc8.bundle.js:2293:396)
    at TimedTextEditor.render (http://localhost:6006/main.6594fe536ebdd15b9dc8.bundle.js:2301:22)
    at finishClassComponent (http://localhost:6006/vendors~main.6594fe536ebdd15b9dc8.bundle.js:162314:31)
    at updateClassComponent (http://localhost:6006/vendors~main.6594fe536ebdd15b9dc8.bundle.js:162267:24)
    at beginWork$1 (http://localhost:6006/vendors~main.6594fe536ebdd15b9dc8.bundle.js:164015:16)
    at HTMLUnknownElement.callCallback (http://localhost:6006/vendors~main.6594fe536ebdd15b9dc8.bundle.js:144269:14)
    at Object.invokeGuardedCallbackDev (http://localhost:6006/vendors~main.6594fe536ebdd15b9dc8.bundle.js:144318:16)
    at invokeGuardedCallback (http://localhost:6006/vendors~main.6594fe536ebdd15b9dc8.bundle.js:144373:31)
    at beginWork$$1 (http://localhost:6006/vendors~main.6594fe536ebdd15b9dc8.bundle.js:169637:7)
    at performUnitOfWork (http://localhost:6006/vendors~main.6594fe536ebdd15b9dc8.bundle.js:168548:12)

To Reproduce
Steps to reproduce the behavior:

  1. Go to Settings Panel
  2. Click on 'Pause while Typing' to deselect
  3. Begin editing the transcript while the audio is playing. Double click a word and press the 'delete' button on your keyboard to erase the word and press delete a couple of times to remove the extra whitespace.
  4. See error

Expected behavior
Editing words in real-time should not trigger an error.

Screenshots

Desktop (please complete the following information):

  • OS: macOS Mojave Version 10.14.6
  • Browser Chrome
  • Version 78.0.3904.87 (Official Build) (64-bit)

Additional context

Activity

  1. LucasNeevs commented on May 14, 2021

    @LucasNeevs

    Anyone has solved it? I have the same problem actually

  2. JAGANNATH-R-KULAKARNI commented on May 27, 2021

    @JAGANNATH-R-KULAKARNI

    Me too I have the same problem too

  3. pietrop commented on May 27, 2021

    @pietrop
    Contributor

    Shameless plug to an alternative version, that builds on the lessons learned from this project, pietrop/slate-transcript-editor - storybook

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions