Skip to content

Scrolling broken when cursor hovering over overflowing textarea #139

@tibineagu

Description

@tibineagu
  • Check FAQ and Caveats
  • Search if there's already one reported in Issues
  • Prepare a JSFiddle reproducing the issue
  • 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions