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.
Dropcursor renders incorrectly within fixed elements with scroll
See original GitHub issueWhat happens?
My editor is within a position: fixed element that can scroll. This allows me to have a sidebar, toolbar etc.
When the editor container is scrolled, the dropcursor doesn’t respect the scrolled position.
I can see that the dropcursor position is calculated from the viewport.
How can others reproduce the issue? https://svelte.dev/repl/52e1725010034078b971cfd4f30543e6?version=3.31.2
Do you have a screenshot?
What’s your environment?
- MacOS
- Chrome
- Desktop
Issue Analytics
- State:
- Created 3 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
scrolling fixed list renders incorrectly · Issue #124 - GitHub
I have a list of 50 objects, rendered in vertical-collection beta-7. As you can see from the timeline image scrolling is broken: It...
Read more >Setting overflow to scroll on fixed div doesn't work
Problem solved. Using min-height keeps the menu render forever but when used height only scroll works perfectly.
Read more >scrollbar-width - CSS: Cascading Style Sheets - MDN Web Docs
The scrollbar-width property allows the author to set the maximum thickness of an element's scrollbars when they are shown.
Read more >[Solved] Why no scroll bar when using a div within a div
My problem is that the wrapper div doesn't display an actual scrollbar even though its fixed height (653px) is less than the height...
Read more >Overflow Issues In CSS - Smashing Magazine
The first way to discover an overflow issue is by scrolling the page horizontally. If you're able to scroll, this is a warning...
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
The dropcursor extension is basically a wrapper around prosemirror-dropcursor (https://github.com/ProseMirror/prosemirror-dropcursor) so I’m closing this here. Maybe you could create an issue there?
A patch has been pushed upstream:
ProseMirror/prosemirror#1123