Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug Report][3.6.7] Navigation Drawer Swipe Glitch #19874

Open
ErikliPizza opened this issue May 23, 2024 · 2 comments
Open

[Bug Report][3.6.7] Navigation Drawer Swipe Glitch #19874

ErikliPizza opened this issue May 23, 2024 · 2 comments

Comments

@ErikliPizza
Copy link

ErikliPizza commented May 23, 2024

Environment

Vuetify Version: 3.6.7
Vue Version: 3.4.27
Browsers: Google Chrome, Chrome 123.0.0.0, Mozilla Firefox
OS: Android

Steps to reproduce

just try to swipe a simple navigation drawer on your mobile device.

Expected Behavior

Swipe&Open the sidebar/navigation drawer smoothly.

Actual Behavior

Items teleporting while swiping.

Reproduction Link

https://play.vuetifyjs.com/#...

Other comments

Tested on two different mobile device:
Oppo A55 (CPH2325)
Xiaomi Redmi Note 10S

ps: There is no glitch if I open the drawer via click.
Example

@joshas
Copy link

joshas commented Sep 4, 2024

Same issue here on Android 9 device and in Firefox 129.0.2 (64-bit) using "Responsive Design Mode" to open drawer with swiping using "Touch Simulation". Opening navigation drawer with finger swipe displays last frame (drawer open) first, then goes back to start and continues to follow touch position.
Issue also can be reproduced in Vuetify website, when opening navigation drawer with finger swipe.

Update: after testing older Vuetify versions in playground, I found that bug was introduced in v3.5.17. Only two bug fixes were made related to VNavigationDrawer component, so it should be easy to find and fix the issue.

@ErikliPizza
Copy link
Author

Same issue here on Android 9 device and in Firefox 129.0.2 (64-bit) using "Responsive Design Mode" to open drawer with swiping using "Touch Simulation". Opening navigation drawer with finger swipe displays last frame (drawer open) first, then goes back to start and continues to follow touch position. Issue also can be reproduced in Vuetify website, when opening navigation drawer with finger swipe.

Update: after testing older Vuetify versions in playground, I found that bug was introduced in v3.5.17. Only two bug fixes were made related to VNavigationDrawer component, so it should be easy to find and fix the issue.

Thanks for confirming the issue and for the detailed breakdown. I switched to Quasar because of performance issues like this. Quasar is great, but I still think Vuetify has a more polished look overall. I hope the Vuetify team can fix the performance issues and not abandon it to die.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants