Showcase for React InstantSearch Hooks widgets is glitchy
gregsadetsky opened this issue · comments
🐛 Current behavior
While trying the React InstantSearch Hooks widgets showcase located here, I noticed that typing relatively fast in the searchBox leads to some letters "glitching" and not being added to the search box. i.e. if I type "screen laptop", the search box ends up "eating" some of the letters, and the input has "scren laptp" at the end.
See demonstration video below. In it, I am trying to type "screen laptop", followed by "nintendo" and then "biometric"
Screen.Recording.2023-03-26.at.10.51.28.PM.mov
🔍 Steps to reproduce
- go to https://www.algolia.com/doc/guides/building-search-ui/widgets/showcase/react-hooks/
- type a search query relatively fast
- the query will be missing some letters
Live reproduction
n/a
💭 Expected behavior
The search input should not "lose" any letters
Package version
n/a
Operating system
macOS 12.4
Browser
Chrome Version 111.0.5563.110 (Official Build) (arm64)
Code of Conduct
- I agree to follow this project's Code of Conduct
This actually only happens in the showcase as it's using an older version of Vue InstantSearch that didn't yet fix the issue, which has happened in algolia/vue-instantsearch#1133
Is this something you see outside of the showcase?
I haven't seen it outside of the showcase, no. Thanks -- that does seem to be the issue here