JSFiddle - React, Tailwind, and code Playground

by corin

HTML

<link rel="stylesheet" href="http://twitter.github.com/bootstrap/assets/css/bootstrap.css">
<script src="http://twitter.github.com/bootstrap/assets/js/bootstrap.js"></script>
<form action="" method="post" class="modal">
  <div class="modal-header">
    <button class="close" data-dismiss="modal" type="button">×</button>
  </div>
  <div class="modal-body">
    <label>Your input<input name="name" required></label>
  </div>
  <div class="modal-footer">
    <button class="btn btn-primary">Save Changes</button>
  </div>
</form>


<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll bar</p>
<p>Content to induce scroll...

CSS

body.modal-open {
  overflow: hidden;
}

JavaScript

$('input').typeahead({
  source: ['ABCDEFG', 'HIJLKMNOP', 'QRSTUV', 'WXYZ', '1234567890']
});


$('form').modal();