bug: Modal close issue with backdrop-filter

[rang501]

Reproduction URL (Required)

https://codepen.io/raliphos/pen/vEOKdvJ

What version of daisyUI are you using?

v5 (latest)

Which browsers are you seeing the problem on?

All browsers

Describe your issue

Similar to the issue as in https://github.com/saadeghi/daisyui/issues/3818

Modal close transition is broken if I use a modal inside a container that has backdrop-blur.

[github-actions[bot]]

Thank you @rang501 for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

[pdanpdan]

Backdrop-filter creates a new stacking context, so when the dialog (child) is not in the top layer it will be positioned relative to the parent div.

Move your backdrop-filter from the parent to a child, so it does not affect the parent.

https://codepen.io/pdanpdan/pen/JoYzqQE?editors=1000

[saadeghi]

Or move the <dialog> tag out of the navbar.