Modal body scroll


#1

Hi!

When trying out the modal examples from https://semantic-ui.com/modules/modal.html on a mobile device, the underlying content is fixed nicely as should be.

However when trying to implement it myself as below, the underlying content is scrollable. Any pointers most welcome. Thx

<!doctype html>
<head>
<link rel="stylesheet" href="semantic.css" />
<script type="text/javascript" src="jquery.min.js"> </script>
<script type="text/javascript" src="semantic.min.js"> </script> -->
</head>
<body>

longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwindow<br>longwin

<div class="ui large test modal">
    <div class="header">
      Delete Your Account
    </div>
    <div class="content">
      <p>Are you sure you want to delete your account</p>
    </div>
    <div class="actions">
      <div class="ui negative button">
        No
      </div>
      <div class="ui positive right labeled icon button">
        Yes
        <i class="checkmark icon"></i>
      </div>
    </div>
  </div>
<script type="text/javascript"> 
$('.modal').modal('show');
</script>
</body>
</html>