JSFiddle - React, Tailwind, and code Playground

HTML

<input id="menu_search" type="text" size="20" placeholder="search here..." />

CSS

#menu_search{
    position: absolute;
    width: auto;
    max-width: 1280px;
    display: inline; 
    float: right;
    right: 0px;
    z-index: 99;
}

JavaScript

$(function(){ 
    $('#menu_search').keyup(function(){ 
var size = parseInt($(this).attr('size')); 
var chars = $(this).val().length; 
if(chars >= size) $(this).attr('size', chars); 
    }); 
});