JSFiddle - React, Tailwind, and code Playground

HTML

<input type='text' class='autocomp' />
<div class='footer'></div>

CSS

.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
}
.footer {
    width: 100%;
    background-color: red;
    height: 100px;
    margin-top: 20px;
}

JavaScript

var areas = ['california', 'nevada', 'oregon', 'utah', 'arizona', 'new mexico', 'minnesota', 'texas', 'louisiana', 'alabama', 'mississippi', 'oklahoma'];

$('.autocomp').autocomplete({
    autoFocus : true,
    source : areas,
    selectFirst : true,
    response: function( event, ui ) {
                                     var count = 0;
                                     console.log( ui.content.length );
                                     for (var n=0; n < ui.content.length + 1; n++)
                                     {
                                      if( ui.content.length == 0 )
                                      {
                                       $('.autocomp').val('No results');
                                       } else {
                                       count = count+1;
                                               }
                                       }
                                      }
});