Modal fullscreen with long content background transarent pro


Topic: Modal fullscreen with long content background transarent problem.

gdw96 asked 4 years ago

Hello,

I have a modal with a long content, this modal has the CSS class .modal-fullscreen-lg-down and when it goes full screen, the content overflows and the overflowed background is transparent.

I have created a snippet, look at it : https://mdbootstrap.com/snippets/standard/gdw96/2942631

How can I solve this problem? With the JS handleUpdate method?

Thanks


Grzegorz Bujański staff answered 4 years ago

Just add the .modal-body class.

<div id="socialModal" class="modal" aria-labelledby="Fenêtre des réseaux sociaux" tabindex="-1">
    <div class="modal-dialog modal-fullscreen-lg-down modal-dialog-centered">
        <div class="modal-content">
            <div class="container-fluid modal-body">
                ...
            </div>
        </div>
    </div>
</div>

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: No
  • Technology: MDB Standard
  • MDB Version: 3.2.0
  • Device: Any
  • Browser: Any
  • OS: Any
  • Provided sample code: No
  • Provided link: Yes