search

vue-final / vue-final-modal

🍕Vue Final Modal is a tiny, renderless, mobile-friendly, feature-rich modal component for Vue.js.
https://vue-final-modal.org
MIT License
861 stars 95 forks source link

Nested modals have flickering overlay #440

Open doutatsu opened 3 months ago

doutatsu commented 3 months ago

Version

vue-final-modal: 4.5.4 vue: 3.4.21

OS

Mac

Reproduction Link

https://stackblitz.com/edit/github-fwkzck

Steps to reproduce

What is Expected?

Either the nested modals shouldn't have their own overlay or a better transition between modal overlays needs to be supported. Basically we shouldn't see the overlay flicker due to the transitions between modals

What is actually happening?

As can be seen in the video, when the previous modal and nested modal swap, the overlays "jump" resulting in an annoying flicker. It's less noticeable with light overlay but is very obvious with dark overlay

https://github.com/vue-final/vue-final-modal/assets/4270980/8af8d688-f6cc-4e0c-acd5-e904491abaed

doutatsu commented 2 months ago

Any thoughts on this @hunterliu1003