Bootstrap V4 Modal Effekt Hintergrund nicht stabil

Question

enter image description here Modale Öffnung mit einer URL-Leiste. Wenn der Benutzer auf eine Leiste klickt, wird Modal mit der URL-Leiste und dem Namen der Website geöffnet. Nun ist das Problem, wenn sich das Modal öffnet und der Benutzer den Cursor in den Bereich der Öffnungsleiste bewegt, wird der Hintergrundbalken weiß oder stört.

Bootstrap Code habe ich versucht

<div class="container-fluid"> 

    <!-- Form trigger modal --> 
<form action="testiing bars.php" method="get" data-toggle="modal" data-target="#formModal"> 
    <div class="form-group"> 
    <label for="inputlg"></label> 
    <input class="form-control input-lg" id="inputlg" type="text" name="website"> 
    </div> 
</form> 

<!-- Modal --> 
<div class="modal fade" id="formModal" tabindex="-1" role="dialog" aria-labelledby="formModal" aria-hidden="true"> 
    <div class="modal-dialog" role="document"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
     <h5 class="modal-title" id="exampleModalLongTitle">Submit URL</h5> 
     <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
      <span aria-hidden="true">&times;</span> 
     </button> 
     </div> 
     <div class="modal-body"> 
     ... 
     </div> 
     <div class="modal-footer"> 
     <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button> 
     </div> 
    </div> 
    </div> 
</div> 

Jede Idee, wie diese zu lösen.?

Answer 1

ich diesen Code verwenden, für das Hinzufügen von Feature Hintergrund blättern, um Pop-up wie Benutzerfreundlichkeit, kann es helfen:

/*allow modal scroll behind*/ 
html { overflow-y: scroll !important; } 
body .modal-open { overflow: visible; }