Modal not working with owl carousel

Question

I am trying to use materialize.css modal inside owl-carousel but it does not work. I see only superimposed overlay, but not content. Anyone have an idea about this?

Answer 1

Have you tried putting code for Materialize modals before your carousel owl code?

Answer 2

I had the same problem. Could only see a dark overlay, but not a modal content. After inspecting the resulting page, I found that my modal code was not added to the HTML created by Owl Carousel. The @adriennetacke answer attempt worked for me.

Owl Carousel, HTML. Owl, .

Answer 3

Use the modal button inside the owl carousel and the modal other code outside the owl carousel. Create the line below and skip the rest of your codes, then it should work fine.