absolute inset-y-0 left-0 flex items-center pointer-events-none classes in the div hides "magnifying glass" on search field

[kmlhsn]

"absolute inset-y-0 left-0 flex items-center pointer-events-none" classes in the div hides "magnifying glass" on search field

[teampolyglot]

Hmm. We have used Tailwind UI's sidebar layout from here: https://tailwindui.com/components/application-ui/application-shells/sidebar

But then, for search auto-completion, we are using Typeahead.js. When the page loads, the search icons is displayed for some time, but I think Typeahead is changing the DOM structure and that ends up hiding the search icon.

I find Typeahead to be very intrusive. It is also not keyboard-friendly. Is there a WebComponent I can replace it with?