perfect-scrollbar
perfect-scrollbar copied to clipboard
Scrolling broken when cursor hovering over overflowing textarea
- [x] Check FAQ and Caveats
- [x] Search if there's already one reported in Issues
- [x] Prepare a JSFiddle reproducing the issue
- [x] Provide a page or source code where the issue can be checked
Codesandbox Demo here
Steps to reproduce:
- Have a container using
PerfectScrollbar - Inside the container, have a
<textarea>where the text overflows the maximum height of the textarea element, and therefore it has a scrollbar of its own) - The content inside the container must be more than its maximum height, in order for the PerfectScrollbar bars to appear
- Scroll over the container
- As the container scrolls, the cursor will end up over the textarea
- Notice how the scroll starts acting strange, either when scrolling up or down, depending on whether the textarea is scrolled all the way to the top or to the bottom
- The
wheelPropagationoption does nothing to alleviate this issue - If you hold your cursor anywhere outside the textarea, scroll still functions as expected
@filipkappa @marveluck I've opened https://github.com/mdbootstrap/perfect-scrollbar/pull/140 to address this.