You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
The snackbar should still close after the timeout expired.
Actual Behavior
If the user does nothing, the snackbar stays open indefinitely. The timeout is only applied again if the user taps on something other than the snackbar
On mobile tapping an element triggers a mouseenter event, but no mouseleave event. Instead of mouseenter/mouseleave I would recommend using pointerenter/pointerleave. On devices with a mouse it just behaves like mouesenter/mouseleave, but on touch devices the pointerleave event is fired as soon as the finger stops touching the screen.
The text was updated successfully, but these errors were encountered:
Environment
Vuetify Version: 2.5.6
Vue Version: 2.6.14
Browsers: Google Chrome
OS: Android
Steps to reproduce
Expected Behavior
The snackbar should still close after the timeout expired.
Actual Behavior
If the user does nothing, the snackbar stays open indefinitely. The timeout is only applied again if the user taps on something other than the snackbar
Reproduction Link
https://codepen.io/wistudent/full/ZEKObMX
Other comments
This seems to be caused by this part:
vuetify/packages/vuetify/src/components/VSnackbar/VSnackbar.ts
Lines 176 to 177 in 6bb9484
On mobile tapping an element triggers a mouseenter event, but no mouseleave event. Instead of mouseenter/mouseleave I would recommend using pointerenter/pointerleave. On devices with a mouse it just behaves like mouesenter/mouseleave, but on touch devices the pointerleave event is fired as soon as the finger stops touching the screen.
The text was updated successfully, but these errors were encountered: