Search bar text not updating properly

[enderjbr]

There is an issue with the text in a SearchBar component when doing a remote search. If you type a string too quickly, the text in the search bar won't update properly and will delete some of the characters you type. You can also see the issue when trying to delete, as sometimes the characters you have deleted will come back. You can reproduce this issue with the search here: https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Remote&selectedStory=Remote%20Search&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

Type any string quickly to see the issue. It doesn't happen as often when typing a string, but it is more obvious when deleting the string.

[AllenFang]

@enderjbr I think that is because I didn't put a mask on search bar, so will cause the rendering replace your input. So far, we only support the mask or a loader on Table itself, for example: this. i will think about to implement a mechanism to mask the search when remote search enable, thanks your advice

[Stefan-Reimer]

We are also having this problem and if it doesn't get changed soon, we will have to create our own searchbox Container.

Is there a plan to implement this enhancement in the near future?

[saveondev01]

Can someone give me an example of adding a mask to searchbar, please? I am having the same problem now. but looks like we did not have a solution so far

[saveondev01]

@enderjbr I think that is because I didn't put a mask on search bar, so will cause the rendering replace your input. So far, we only support the mask or a loader on Table itself, for example: this. i will think about to implement a mechanism to mask the search when remote search enable, thanks your advice

@AllenFang do you have any plans for this?

[saveondev01]

There is an issue with the text in a SearchBar component when doing a remote search. If you type a string too quickly, the text in the search bar won't update properly and will delete some of the characters you type. You can also see the issue when trying to delete, as sometimes the characters you have deleted will come back. You can reproduce this issue with the search here: https://react-bootstrap-table.github.io/react-bootstrap-table2/storybook/index.html?selectedKind=Remote&selectedStory=Remote%20Search&full=0&addons=1&stories=1&panelRight=0&addonPanel=storybook%2Factions%2Factions-panel

Type any string quickly to see the issue. It doesn't happen as often when typing a string, but it is more obvious when deleting the string.

@enderjbr did you manage the problem?