0
<!-- Modal -->
<div id="notification" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title">Test</h4>
      </div>
      <div class="modal-body">
        <div class="form-group">
            <label for="name">Name</label>
            <input name="name"  id="name" type="text" class="form-control input-sm pull-right" value="<?=$name?>" >
        </div>


      </div>
      <div class="modal-footer">
        <button type="button" class="btn web_btn input-sm" name="close" value="send" data-dismiss="modal" id="cancel" aria-hidden="true">Cancel</button>
        <button type="button" id="send" class="btn btn-primary web_btn input-sm" name="do" value="send">Send</button>

      </div>
    </div>

  </div>
</div>


function test() {
getinfo = true;
if (status=='0') {
    $modal = $('#notification')
    $modal.modal('show');
    $( "#send" ).click(function(ev) {
        send = true;
        if (send) {
            Status(id);
        }
    }) 

}   
if (getinfo)
        window.open("test.php?id="+id+"&action=test","_blank","width=300,height=500"); 

    }

In the above case two dialog boxes appears, one is within the window and other one in a new window. Problem is, dialog box that appears within the window is not scrollable once it opens, but instead main page behind the dialog box is scrollable. So I can't scroll the dialog box and find the full view of it. Other popup in a new window is fine.

I tried this solution as well in case if I decrease the size of the dialog box but its not working as well

$modal.modal('show', function () {
       $(this).find('.modal-dialog').css({
              width:'20px', 
              height:'20px',  
              'max-height':'30%'
       });
});
Akaash K
  • 11
  • 6

1 Answers1

0

You can add

body.modal-open {
    overflow: hidden;
}

Read this Prevent BODY from scrolling when a modal is opened

Zvi Redler
  • 1,708
  • 1
  • 18
  • 29