Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Issue : “lost” characters when typing fast

See original GitHub issue

Bug 🐞

What is the current behavior?

When typing fast, some characters are missing in the searchbox with a custom renderer

<ais-search-box >
  <template #default="{ currentRefinement, isSearchStalled, refine }">
    <input
      placeholder="search"
      type="search"
      :value="currentRefinement"
      @input="refine($event.currentTarget.value)"
    />
    <span :hidden="!isSearchStalled">Loading...</span>
    </template>
</ais-search-box>

Eg : Typing “house” fast. (reload sandbox when you try to clear cache between you tests).

I have link my production index in the repro. You can see the issue in production here (open sourced) : https://mdisearch.com/

https://user-images.githubusercontent.com/10157845/189675208-12299b32-64ba-42b2-af1b-ba0bebf69ddc.mov

Sandbox

https://codesandbox.io/s/algolia-reproduction-issue-kt95nc

Issue Analytics

State:
Created a year ago
Comments:5 (2 by maintainers)

Top GitHub Comments

1reaction

ThomasKientzcommented, Sep 12, 2022

Got it : https://github.com/algolia/vue-instantsearch/blob/master/src/components/SearchBox.vue#L162

0reactions

Haroenvcommented, Dec 21, 2022

I don’t think this can fully be solved without a custom widget, a slot will always have too little information to make a truly correct search box. It could be interesting to change the documentation to migrate from slot to custom widget for a custom search box, but for now this issue should be enough reference for anyone else falling into this issue.

Thanks for reporting Thomas!