Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Vertically centered modals don't work #309

Closed
pmax42 opened this issue Mar 20, 2024 · 3 comments
Closed

Vertically centered modals don't work #309

pmax42 opened this issue Mar 20, 2024 · 3 comments

Comments

@pmax42
Copy link

pmax42 commented Mar 20, 2024

I'm trying to use vertically centered modals but they don't work.

I've noticed that the pointer-events-auto class is missing from the third div of each modal. Live example is working, so I think it's a simple oversight.

I don't know if the problem is here, but when I add this class, the modals work correctly.

Note : I tried to illustrate the problem with a CodePen but I didn't make it (maybe some Tailwind configuration issues).

@jahaganiev
Copy link
Member

Live example is working: https://preline.co/docs/modal.html#vertically-centered

image

@pmax42
Copy link
Author

pmax42 commented Mar 26, 2024

Yes, as I said (with other words), the live example is working.

But if you try to copy/paste the given HTML code, you will notice that modals don't work. To make them work, you have to add the pointer-events-auto class to the third div element of each modal.

Live example code :

image

Given code :

image

As you can see, the class is missing and I think that's the reason why vertically centered modals don't work when you copy HTML code.

@jahaganiev
Copy link
Member

Noted, will be updated in upcoming v2.1 update soon - thanks for sharing the details!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants