DominikSerafin
Nested scrollbars blocked when used with "preventParentScroll" option.
If two nested scrollbars are displayed on one page, vuebar gets confused.
How does the bug affect the usability of vuebar? If the outer scrollbar is at the very top position and the inner scrollbar is at the bottom, the inner scrollbar cannot scroll up anymore. And vice versa.
Are there any suggestions for a workaround before bugfix in upcoming versions?
Hi @philSixZero, I can't reproduce it. Could you provide jsfiddle with minimal reproduction? Without it I'm not able to help you.
Here's good starting point: http://jsfiddle.net/u94ns8jc/1/
Strangely, I can't reproduce it either in the jsfiddle.. Did you try nested scrollbars using webpack and .vue-Files, yet?
@philSixZero seems to work with single-file components also, see: https://www.webpackbin.com/bins/-Kyoqtm8CbjpkYegi7mF
I'm going to close this issue but if you're still having problems with it, then please leave a comment and I'll reopen it.
@DominikSerafin I took your jsfiddle and modified it to reproduce the bug. It only appears when you use the preventParentScroll. Without it, everything works as expected.
-
Scenario: Leave the parent untouched. Open the Modal. Scroll down and wait until the scrollbar fades. Try to scroll up. (It wont work)
-
Scenario: Scroll the parent all the way down. Open the Modal. You wont be able to scroll the Modal.
-
Scenario: Scroll the parent but don't leave it at the top or go all the way down. Open the Modal. Everything should work as expected.
http://jsfiddle.net/u94ns8jc/182/
@exreplay thanks for finding it out! I'm reopening this issue and will try to fix that in spare time.
@DominikSerafin you are welcome! I'll try to have a look to when i have time and let you know if i can figure something out.