Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!

  1. MDB Home Page
  2. Support Main Page
  3. MDB Standard
Topic: Non-invasive Modal issues

demzl25 priority asked 2 years ago

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

Kamila Pieńkowska staff answered 2 years ago

Try this: https://mdbootstrap.com/snippets/standard/kpienkowska/4008629
I've changed id from your example and it works fine.

demzl25 priority commented 2 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

Kamila Pieńkowska staff commented 2 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.
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status

Answered

Specification of the issue
  • ForumUser: Priority
  • 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
Tags
modals
About author
demzl25
197Support score
55Questions 2Answers 224Snippets