q-pull-to-refresh prevents scrolling
-
Hey guys,
I’m trying to utilise the pull to refresh component, however I am having an issue with it preventing the user from being able to scroll the content inside it. If I add the ‘disable’ property then the user can scroll fine, removing this means the pull to refresh works when you pull down, however you are then unable to scroll up or down on the content.
I’ve tried copying the code from the the docs to a new .Vue page and have the same results. Am I doing this wrong, do I need to setup a scroll watcher to check when the user has scrolled to the top of the content and then dynamically set disable?
My project is a Cordova project using the Quasar CLI and I’m currently testing it on an Android device (Android version 9 - Pie).
Thanks for the help
-
I found this issue on the GitHub page https://github.com/quasarframework/quasar/issues/166 which matches my issue. It was fixed, however could this bug have been reintroduced into V1? I’ve upgraded to v.1.0.0-beta5 but still not luck. Is anyone else experiencing this issue?
-
Yes, same happening in my case. It doesn’t seem to be working when the parent has a fixed height with overflow scroll (so the scrollbar is not on the <body>)
https://github.com/quasarframework/quasar/issues/3644 -
Thanks for tracking this @jc - I overlooked it. Even if this isn’t a “bug” per sé - we will need to update the docs. It seems to me that the pull to scroll would obviously override the scroll.
-
This post is deleted! -
@nothingismagick It should, but only if the scroll position is 0. It should allow scrolling down
-
Yeah, suppose so. That makes sense.
