Replies: 2 comments 2 replies
-
|
I was using 2.0.13 , so bumped up to 3.0.1 to see if that helped , it did not. |
Beta Was this translation helpful? Give feedback.
-
|
OK, I published the view and played around with it and found that adding <div
x-show="show && showActiveComponent"
x-transition:enter="ease-out duration-300"
x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave="ease-in duration-200"
x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100"
x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95"
x-bind:class="modalWidth"
class="relative inline-block w-full align-bottom bg-white rounded-lg text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:w-full"
id="modal-container"
x-trap.noscroll.inert="show && showActiveComponent"
aria-modal="true"
>
...
>Not sure why my other app does not have this issue using same setup (tw 4, flux, lv12, etc...) 🤷♂️ |
Beta Was this translation helpful? Give feedback.
-
|
As a simple fix that avoids you having to publish the view you can include the following in your |
Beta Was this translation helpful? Give feedback.
-
|
yer not wrong. |
Beta Was this translation helpful? Give feedback.
Uh oh!
There was an error while loading. Please reload this page.
-
I have used modal many times with no issues. In a new app I am starting, the modal opens, but as soon as the transition finishes, the overlay covers the modal.
Is there something obvious that I am missing?
Beta Was this translation helpful? Give feedback.
All reactions