question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Rerendering problem: misspelled words flicker while typing elsewhere

See original GitHub issue

Do you want to request a feature or report a bug?

  • A bug

What’s the current behavior?

  • As you type, in a spellchecked field, the red underlines flash/flicker as content changes.

flash

OS Browser
macOS High Sierra Chrome 63.0.3239.132

What’s the expected behavior?

  • Misspelled words should have a constant, not flashing or flickering, red underline.

It seems like this may have been caused by the removal of isNative? (https://github.com/ianstormtaylor/slate/issues/829#issuecomment-303847090)

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:14 (10 by maintainers)

github_iconTop GitHub Comments

2reactions
dmitrizzlecommented, Feb 7, 2018

My bad about Draft.js - must have been an earlier version. But Medium on Safari 11.0.1/macOS 10.12.6 still does that:

0reactions
steobriencommented, Aug 28, 2019

Excuse the delay @gregoryforel, I am very busy at the moment!

Looking at your codesandbox quickly, I see the problem but am not exactly sure what’s causing it. Here’s a quick workaround though.

// before
setSpellCheckEnabled(containsWhiteSpaceAndPunctuation)

// after
requestAnimationFrame(() => setSpellCheckEnabled(containsWhiteSpaceAndPunctuation))

Hope this helps!

Read more comments on GitHub >

github_iconTop Results From Across the Web

UI flickers when rerendering components : r/reduxjs - Reddit
Hey all, I don't have much experience with redux but I'm running into this issue with flickering data in the interface.
Read more >
@material-ui/icons | Yarn - Package Manager
Fast, reliable, and secure dependency management.
Read more >
Canvas flickering when reactjs re-renders - Stack Overflow
The problem was in a wrong structure of SomeComponent where one component was initialized inside another. In my case it was <SelectedImage /> ......
Read more >
Mozilla Firefox Release Notes
Fix the implementation of launch() when there is an entry point. · [b2g-bluetooth] Failed to transfer audio back to bluetooth headset while in...
Read more >
docs - Apple Open Source
Fix crash with invalid font in m_fontList by not drawing text when a custom font is ... Mail crashes with searching for next...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found