clear header search input value when opened

footer-scripts.html

<script>
  
document.addEventListener("DOMContentLoaded", () => {

  const headerSearch = document.querySelector('.brxe-xheadersearch')

  if (!headerSearch) return;
  
  headerSearch.addEventListener('x_header_search:open', () => {
    headerSearch.querySelector('input[type=search]').setAttribute('value','')
  })
   
})

</script>