search

metonym / svelte-typeahead

Accessible, fuzzy search typeahead component
https://metonym.github.io/svelte-typeahead
MIT License
222 stars 18 forks source link

Z-index fix? #47

Closed Gildedter closed 2 years ago

Gildedter commented 2 years ago

I currently have multiples of this component instanced and... just look at this:

image

the ones below are also instances of svelte-type-ahead, the results of the focused instance are rendered under the instances below them, any work around for this?

metonym commented 2 years ago

In reference to https://github.com/metonym/svelte-typeahead/issues/46#issuecomment-1168097926, I think we can adopt a two-birds-one-stone approach and add a prop that only shows the dropdown menu when the input is focused.

Gildedter commented 2 years ago

I think that would solve https://github.com/metonym/svelte-typeahead/issues/46#issuecomment-1168097926, but not the z-index of the drop down when focused, on my screenshot the dropdown list is rendered below the other instances of svelte-typeahead

metonym commented 2 years ago

Fixed in v4.2.4.