Description
Describe the bug
I've noticed that when I use server side search and type in search text at a reasonable pace, some of the most recent text will get deleted. This behavior can be seen in this gif. This results in mistakes while entering your search phrase because the text you're typing in gets changed so easily/unexpectedly.
I've noticed this bug on my own projects as well as on the server-side search example on the grid.js documentation site.
To Reproduce
Steps to reproduce the behavior:
- Go to the server side search example on grid.js website: https://gridjs.io/docs/examples/server-side-search/
- Scroll down to the search box
- Type in the word 'empire' at a normal typing pace (if you type very slow or very fast you may not be able to reproduce this issue).
- Notice how the last letter (or couple of letters) that you've typed in gets deleted from the search box. Similarly, if you've made a mistake and you click delete on your key board, your delete may not take effect. This results in incorrect search terms being entered into the search box.
Expected behavior
The server-side search feature returns filtered table records as soon as you start typing. The text that I type into the search box should not be altered/edited.
Screenshots
You can see this bug in this gif.
In this gif, I'm typing in the word 'empire' into the search bar. After typing in the first three letters, 'emp' the table returns results for 'em'. However the in the search box, the 'p' has been deleted from my search text (you can see the 'emp' for a split second before the 'p' gets removed). It accepts my fourth letter typed in ('i') so then I have the incorrect search text of 'emi'. Towards the end of the gif you can see I have the same buggy experience trying to type in the letter 'r' (it gets deleted from the search text box very quickly after I've typed it in).
Desktop (please complete the following information):
- OS: Monterey
- Browser: chrome
- Version: 103.0.5060