quasar: Dialog - can't open it on Safari if its not persistent
What happened?
can’t open Dialog on Safari if its not “persistent”. same issue is on documentation page “https://quasar.dev/vue-components/dialog#introduction”
Safari Version 16.1 (18614.2.9.1.12)
What did you expect to happen?
open dialog
Reproduction URL
https://quasar.dev/vue-components/dialog#introduction
How to reproduce?
- go to documentation page https://quasar.dev/vue-components/dialog#introduction
- try open Alert
Flavour
Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)
Areas
Components (quasar)
Platforms/Browsers
Safari
Quasar info output
nothing
Relevant log output
No response
Additional context
No response
About this issue
- Original URL
- State: closed
- Created 2 years ago
- Reactions: 3
- Comments: 30 (3 by maintainers)
Commits related to this issue
- fix(QDialog): can't open it on Safari if its not persistent (edge case) #14779 — committed to quasarframework/quasar by rstoenescu a year ago
- fix(QDialog): (backport from Qv2) can't open it on Safari if its not persistent (edge case) #14779 — committed to quasarframework/quasar by rstoenescu a year ago
Should work correctly with Quasar v2.11.5 and v1.22.5. Just to be clear: this is a bug in Safari itself, but regardless, we’ve done a workaround for it.
This is odd as latest update works for some and not others.
Unfortunately, this still isn’t working for me in latest Safari/Ventura - I’ve been on Safari 16.1 for a few days now. (yes, persistent in q-dialog is a valid workaround for me too.)
Here’s a working (ALERT and Bottomsheets succeeds to popup) codepen (copied straight off Quasar page for 2.10.0) https://codepen.io/Exninja/pen/zYazeKJ
Here’s a non-working codepen (ALERT and Bottomsheets not working)
(copied straight off Quasar page for 2.10.1) https://codepen.io/Exninja/pen/poKwGNd
Here’s another non-working codepen (ALERT and Bottomsheets not working)
(copied straight off Quasar page for 2.10.2) https://codepen.io/Exninja/pen/JjZJxjm
YMMV
Same problem still
Quasar 2.11.1 Ventura 13.1 iOS 16.2 (once occurs with voiceOver, dialog won’t show with any way eg. refresh)
also qSelect (behavior=“dialog”) options dialog has same problem.
when I’ve look into it with safari developer, Dialog element has added to bottom of page, and removed right away. (seems like background touch (impersistent) event has fired with some reason)
@exninja FYI, it’s also happening on ‘bottom sheet’, for example. Dunno if you could add those to your pen?
This isn’t a ‘dialog’ issue so much as some UI change that is affect the closing state (or so it seems?)