table icon indicating copy to clipboard operation
table copied to clipboard

Global Search Input Loses Characters During Typing

Open bnewman-tech opened this issue 1 year ago • 0 comments

TanStack Table version

8.12.0

Framework/Library version

18.2.0

Describe the bug and the steps to reproduce it

Issue While typing in the global search input, some characters intermittently disappear as if the table is attempting to filter results before fully capturing the new search term. This behavior results in the search term being reset to a previous state, omitting the newly typed characters. The issue manifests at varying speeds, depending on how quickly the user types, leading to an inconsistent user experience.

Steps to Reproduce Navigate to the page with the mantine-react-table component. Focus on the global search input field. Begin typing a search term rapidly. Observe that some characters typed do not appear in the input field and are missing from the search term.

Your Minimal, Reproducible Example - (Sandbox Highly Recommended)

https://stackblitz.com/github/tanstack/table/tree/main/examples/react/filters?embed=1&theme=light

Screenshots or Videos (Optional)

https://github.com/TanStack/table/assets/60909819/bf76fcf6-1147-4673-9082-5a9b0f2906d3

In the video you can see that an "l" was removed really quick as I was typing the next "l"

Do you intend to try to help solve this bug with your own PR?

No, because I do not know how

Terms & Code of Conduct

  • [X] I agree to follow this project's Code of Conduct
  • [X] I understand that if my bug cannot be reliable reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.

bnewman-tech avatar Feb 14 '24 19:02 bnewman-tech