Fixed #9531 - highlight search box when filled, add clear button #9534
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR looks noisier than it seems, just because I generated new skins with a new
.search-highlight
class, in case we wanted to change the colors of the highlight per skin.Basically it just adds a new
searchboxHighlighter()
method to the javascript that checks for a value in the search box and highlights it if there is a value, and also adds an X to clear the box. I'd personally prefer an inlineX
(like we have in the Super Admin Settings search, but Bootstrap Tables kind of doesn't want you to do it that way, they want it as an input group.This fixes #9531