Knowledge Base

Tiny input box on certain page positions

in Ajax Search Pro Troubleshooting Tags: box, input, search, tiny, trigger

This error mostly occurs on unusual page positions like slide-out sidebars, in ajax content and similar. The problem is caused by too short/too long delays on the window resize event.

The solution is to create a delayed window resize trigger function. Put this code to the header or the footer of the page:


<script>
jQuery(document).ready(function($){
   var scope = $;
   if (typeof aspjQuery != 'undefined')
       scope = aspjQuery;
   setTimeout(function(){
       scope(window).resize();
   }, 3000);
});
</script>

This code will trigger a window resize after 3 seconds.

Manual Trigger

You can trigger this function manualy – in case you have some kind of sliding menu or similar.


<script>
jQuery(document).ready(function($){</pre>
<pre>   var scope = $;
   if (typeof aspjQuery != 'undefined')
       scope = aspjQuery;
   jQuery('#item_id_here').on('click', function(){
        setTimeout(function() {
          scope(window).resize();
        }, 1200);
   });
});</pre>
<pre></script>

This script will trigger a window resize event after 1200 seconds when clicking on the element with the “item_id_here” id.