Topic: Non-invasive Modal issues
Hi,
When I set Modal bottom to Non-invasive (data-mdb-modal-non-invasive="true") modal starts behave strangely is not full width on large screen and on smaller screens is somewhere of screen. When i remove (data-mdb-modal-non-invasive="true") modal behaves normaly like it shoud.
Here is link to the code snippet:
https://mdbootstrap.com/snippets/standard/demzl25/4006098
Thanks,
Damjan
kpienkowska staff answered 3 years ago
Try this:
https://mdbootstrap.com/snippets/standard/kpienkowska/4008629
I've changed id
from your example and it works fine.
demzl25 pro premium priority commented 3 years ago
Thank you for your help but issue is also present in your code snippet. Here is the link to the video that shows what I mean: https://streamable.com/h1gf6t
When you remove (data-mdb-modal-non-invasive="true") modal behaves normally like it should.
Thanks,
Damjan
kpienkowska staff commented 3 years ago
After further investigation there is bug in modal with data-mdb-modal-non-invasive="true"
.
It won't behave correctly on screen resize.
We've added fixing this to our task list.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 4.1.0
- Device: Pc
- Browser: Chrome 97.0.4692.99
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes