JSFiddle - React, Tailwind, and code Playground

HTML

<div id="popup" style="width:300px;height:80px;border:1px solid #ff0000">
 <div class="label"> Search </div>
  <div class="control"> 
      <select name="searchval">
         <option value="entries">Entries</option> 
         <option value="bookings1">bookings1</option>
         <option value="bookings2">bookings2</option>
         <option value="bookings3">bookings3</option>
         <option value="bookings4">bookings4</option>
         <option value="bookings5">bookings5</option>
         <option value="bookings6">bookings6</option>
      </select>
   </div>
</div>

JavaScript

$("#popup").hover(function(){
   //do none
},function(){
   $(this).hide();
});