x-show doesn't work with dialog #4386
Replies: 1 comment 2 replies
-
|
That's not the way a dialog element works: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog X-show just applies "display: none" when hidden. You must use the native api to control a dialog element. <div x-data="{ open: true }">
<button @click="open = !open">toggle</button>
<dialog x-effect="open ? $el.show() : $el.close()">
<div>Something</div>
</dialog>
</div> |
Beta Was this translation helpful? Give feedback.
-
|
Thanks but this just confirms that x-show doesn't work with dialog. |
Beta Was this translation helpful? Give feedback.
-
|
Sure, but then you're kind of hacking it. at that point just or Maybe what you really want is a But x-show is not meant to work with dialogs or details. |
Beta Was this translation helpful? Give feedback.
-
The following html shd display the text "Something" but it doesn't
Beta Was this translation helpful? Give feedback.
All reactions