Why is the <dialog> modal show even when I have not called showModal()? | Qwik | Page 1

vivid stag Jun 23, 2024, 1:23 PM

#

How can I prevent this behaviour?

dusk lion Jun 23, 2024, 2:09 PM

#

do you have a sandbox to show the issue?

vivid stag Jun 23, 2024, 2:32 PM

#

Hi @dusk lion I have an example https://github.com/vfshera/qwik-modal-bug

GitHub

GitHub - vfshera/qwik-modal-bug

Contribute to vfshera/qwik-modal-bug development by creating an account on GitHub.

dusk lion Jun 23, 2024, 2:45 PM

#

it appears to be your class... but that is interesting

#

if i just comment out your class its not open by default

#

class={${ref.value?.open && 'flex'} h-full w-full flex-col [scrollbar-width:none] backdrop:bg-black/50 max-lg:!max-h-[100%] max-lg:!max-w-[100%] lg:h-4/5 lg:w-[35%] lg:rounded-2xl}

appears to work fine if change the flex to only be applied only when its open

#Why is the <dialog> modal show even when I have not called showModal()?