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
Codesandbox Demo here
Steps to reproduce:
PerfectScrollbar
<textarea>
where the text overflows the maximum height of the textarea element, and therefore it has a scrollbar of its own)wheelPropagation
option does nothing to alleviate this issue