Semantic UI sandbox

by eveevans

HTML

<link rel="stylesheet" href="https://semantic-ui.com/dist/semantic.css">
<script src="https://semantic-ui.com/dist/semantic.js"></script>
<div class='ui modal'>
 <div class='ui scrolling content'>
  <div class='bla'>
    This content sometimes get hidden
  </div>
  </div>
 </div>
</div>

CSS

body {
    padding: 1em;
}

.bla {
  background: #fafafa;
}

JavaScript

$('.ui.modal').modal({observeChanges: true}).modal('show')

setInterval(function(){ $('.bla').height(5000)  }, 1000);