JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="searchBox" />

CSS

#searchBox {
    width: 100%;
}

#searchBox:focus {
    background: #000;
}

JavaScript

var $searchBox = $('#searchBox');
var $the = $(window);
$the.on('resize', function() {
   if($searchBox.is(':focus')) {
      if($the.width() > 940) {
         // alert('page will be reloading');
         window.location.reload(true);

      };
   }
});