Fluid modal changing the body


Topic: Fluid modal changing the body

et3rnal87 pro asked 6 years ago

*Expected behavior*I don't expect anything to happen to the page body and if it's necessary it should revert back

*Actual behavior*As I click the button, the fluid modal opens to the right or left my page body get

style="padding-right: 27px;"

Then after closing it stayed there! then the second time it will become

style="padding-right: 44px;"

then 61px then 78 and so on!

Resources (screenshots, code snippets etc.)

I'm experimenting with code straight from the modal generator.

PS: My biggest problem with your library so far it always assumes you are not using it with something else, or it is used to build a project from 0 which is not the case for me and always have to deal with fixing the overrides and conflicts because of basic class naming


et3rnal87 pro commented 6 years ago

I found that if I remove the padding: 0 10px; which I have on the body then open the modal, it adds style="padding-right: 17px;" and remove it once the modal closed


Damian Gemza staff commented 6 years ago

Dear @et3rnal87

So it is correct behavior, or not?

I have checked your issue - after launching the modal, body get's padding-right: 0. After closing the modal, this style is there. Is it problematic to you?


et3rnal87 pro commented 6 years ago

The problem if the body already has padding-right > 0 in my case padding-right: 10, then it doesn't bring it back to 10


Damian Gemza staff commented 6 years ago

Okay thanks for reporting this problem. We'll take a look at it.


Damian Gemza staff answered 5 years ago

Dear @et3rnal87

This problem should be resolved with the next version of MDB Angular.

Best Regards,

Damian


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 6.2.3
  • Device: PC
  • Browser: FF & Chrome
  • OS: win 10
  • Provided sample code: No
  • Provided link: No