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.
Using styles makes cursor jump to the beginning
See original GitHub issueThe code from the example in the README works, but if to add style={{height: '400px'}}, it starts to have the known issue with React and “contentEditable” – cursors jumps to the beginning of the editing text.
(I’m on Mac OS, Chrome)
Issue Analytics
- State:
- Created 6 years ago
- Reactions:10
- Comments:5
Top Results From Across the Web
Cursor jumps erratically when selecting a block of hidden text ...
1) Open Start menu and click on Control Panel button · 2) In the Control Panel window double click Mouse icon · 3)...
Read more >How To Fix Cursor jumping in Windows 10 - YouTube
If you are facing a cursor jumping issue in Windows 10, then follow these steps fix it.1. Right-click on the start Windows icon.2....
Read more >Word>Hidden text causes cursor to jump around
I just ran a little test. I isolated the problem to certain kinds of hidden text. It has to be in a heading...
Read more >cursor - CSS: Cascading Style Sheets - MDN Web Docs
The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.
Read more >Cursor jumps to left when typing until after 2 characters
I am using draft-js-plugin-editor in TextArea. When I start typing, cursor jumps to the left until after 2 characters.
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
In my case, the problem was solved when setting a css className to the ContentEditable component itself.
@DmitrySoshnikov How do you bypass html escaping? Do you create an extra inner React component?