perfect-scrollbar icon indicating copy to clipboard operation
perfect-scrollbar copied to clipboard

Scrolling broken when cursor hovering over overflowing textarea

Open tibineagu opened this issue 3 years ago • 1 comments

  • [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 wheelPropagation option does nothing to alleviate this issue
  • If you hold your cursor anywhere outside the textarea, scroll still functions as expected

tibineagu avatar Jul 12 '22 15:07 tibineagu

@filipkappa @marveluck I've opened https://github.com/mdbootstrap/perfect-scrollbar/pull/140 to address this.

tibineagu avatar Jul 12 '22 16:07 tibineagu