Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
NickRuiz opened this issue Nov 11, 2019 · 3 comments
Open

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

NickRuiz opened this issue Nov 11, 2019 · 3 comments
Labels
bug Something isn't working

Comments

@NickRuiz
Copy link

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

@NickRuiz NickRuiz added the bug Something isn't working label Nov 11, 2019
@LucasNeevs
Copy link

Anyone has solved it? I have the same problem actually

@JAGANNATH-R-KULAKARNI
Copy link

Me too I have the same problem too

@pietrop
Copy link
Contributor

pietrop commented May 27, 2021

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
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants