Modal Launch and SideNav


Topic: Modal Launch and SideNav

Andrew Ford pro premium priority asked 5 years ago

This is a small visual glitch, that I first noticed in v4.11.0 and still in v4.12.0.

But what happens is when I click the button to submit my form, and if a field is empty I launch a modal (still designing) and a little padding-right gets added to both the <body> and <nav class="navbar navbar-toggleable navbar-expand-sm scrolling-navbar double-nav fixed-top"></nav>... maybe more elements as well.

Expected behavior

No padding gets added

Actual behavior

Padding gets added

Resources (screenshots, code snippets etc.)

Since I needed a moving example, here is a .mov file recording the behavior. https://drive.google.com/file/d/1KAiLcSfMOwUr5zyqlrmq-f9EupN_Cv9d/view?usp=sharing

It shows when I click my mouse, and when extra space gets added to the navbar, and I have the Dev Inspector open to show the inline-style gets added.


P.S. What are <div class="drag-target" style="right: 0px;"></div> and <div class="hiddendiv common"></div> from? And why do they get appended to the body?


Mateusz Łubianka staff answered 5 years ago

Hi @Andrew Ford,

Your're right, I think this is a little bug so I created a task. Our team will fix this as soon as possible. .drag-target and .hiddendeiv are a divs that are needed for some of MDB components. Thank you very much for notification of this issue.


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
  • User: Pro
  • Premium support: Yes
  • Technology: MDB jQuery
  • MDB Version: 4.12.0
  • Device: N/A
  • Browser: N/A
  • OS: N/A
  • Provided sample code: No
  • Provided link: Yes