Tailwind compatibility with LiveView - overlay issue

Trying to create a LiveView application using Tailwind. When I try to use a live component that render a molar panel I get the following behavior:

when clicking Edit:

The panel appears BEHIND an overlay and I can’t get focus. If I take tailwindcss off, it works OK. Anyone had th same problem or knows the cause?


It might be something with z-index. Are you able to add z-50 class to the modal panel and see if that helps?

So obvious! That solved the problem. Now I only have to change the background color (it’s too dark).

Thank you very much.

1 Like