search

learn-awesome / learn

A social network of lifelong learners built around humanity's universal learning map.
https://learnawesome.org/
Other
344 stars 41 forks source link

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

Open kmlhsn opened 4 years ago

kmlhsn commented 4 years ago

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

image

teampolyglot commented 4 years ago

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?