JSFiddle - React, Tailwind, and code Playground

by oilvier

HTML

<form action="">
  <select name="" id="">
  <option value="0">foo</option>
  <option value="1">bar</option>
  <option value="2">foobar</option>
</select>
<input type="text">
<button type="submit">ok</button>
</form>

SCSS

.foo {
  height: 100%;
  max-height:200px;
  border: 1px solid red;
  // overflow: hidden;
}
.bar {
  height: 500px;
  display: flex;
  flex-direction: column;
}
.foobar {
  flex: 1 1 0%;
  overflow-y: auto;
}
.baz {height:10px; background-color: red;}

JavaScript

$( "form" ).on( "submit", function( event ) {
  event.preventDefault();
  console.log( $( this ).serialize() );
});