force iOS to display keyboard when header search open

footer-scripts.html

<script>

document.addEventListener('DOMContentLoaded', function() {   
  
  let headerSearchSelector = '.brxe-xheadersearch';
  let searchInput = document.querySelector(headerSearchSelector + ' input[type=search]');
        
  if (/iPad|iPhone|iPod/.test(navigator.userAgent) && searchInput) {

    document.querySelector(headerSearchSelector).addEventListener('x_header_search:open', function() {

      const tempInput = document.createElement('input');
      tempInput.type = 'search';
      Object.assign(tempInput.style, {
        display: 'block',
        opacity: '0',
        position: 'fixed',
        left: '-9999px',
        top: '0',
        pointerEvents: 'none',
        height: '1px',
        width: '1px'
      });
      
      tempInput.setAttribute('aria-hidden', 'true');
      tempInput.setAttribute('tabindex', '-1');
      
      document.body.appendChild(tempInput);
      
      tempInput.focus({ preventScroll: true });
      
      setTimeout(function() {
        searchInput.click();
        searchInput.focus({ preventScroll: true });
        tempInput.remove();
      }, 200);
    });
    
  }

});

</script>