JSFiddle - React, Tailwind, and code Playground

by ranjith08feb

HTML

<input 
<div class="wrapper">
<select class="selection" size="40">
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi How are you</option>
<option value="Hi How are you" title="Hi how are you">Hi...

CSS

.wrapper{
    border: 1px dashed red;
    height: 400px;
    overflow-x: hidden;
    overflow-y: scroll;
    width: 150px;
 }
 .wrapper .selection{
   width:150px;
   border:1px solid #ccc;
 }