Dialog closing animation in Safari
🗣️discussion
front-end
front-endHi,
Having some issues with a dialog closing animation in Safari only. In Chrome my dialog closes and it and the backdrop slides and/or fades out beautifully.
In Safari, when closing (full height slide out animation), the dialog instantly snaps so my websites header jumps above it on the Z axis, and the backdrop does not fade out, it just snaps closed.
Basically in Safari is appears as though it's being removed from top layer too early (so drops under my header bar in z axis), and the backdrop suddenly disappears rather than fading out with the dialog itself.
Any thoughts on why this could be?
I was going to post some code but thought the reasons may be common enough to others and would merely be down to differences in browser default dialog styles, therefore it wouldn't be necessary.
Having some issues with a dialog closing animation in Safari only. In Chrome my dialog closes and it and the backdrop slides and/or fades out beautifully.
In Safari, when closing (full height slide out animation), the dialog instantly snaps so my websites header jumps above it on the Z axis, and the backdrop does not fade out, it just snaps closed.
Basically in Safari is appears as though it's being removed from top layer too early (so drops under my header bar in z axis), and the backdrop suddenly disappears rather than fading out with the dialog itself.
Any thoughts on why this could be?
I was going to post some code but thought the reasons may be common enough to others and would merely be down to differences in browser default dialog styles, therefore it wouldn't be necessary.
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
