Improve catalog search by adding to all search panes the X for clearing search fields

[Vince Giordano]

When searching the catalog under the Keyword Search pane, the option to X out (clear) the Search Terms you entered is available. It would be useful to have that same functionality with the other search panes, such as in Numeric Search for the Numeric Query (ISBN, UPC, etc)

In the screenshot you will see under the Keyword Search pane the X that shows when you hover your mouse in the far right of the Search Terms field (available only when text/numbers have been entered.) Currently, only the Keyword Search pane has this functionality.

In the screenshot you will also see the Numeric Search pane. The X does not show, even when a value has been entered and you hover your mouse in the far right of the field.

I'm using the latest production version of Google Chrome on Windows 11 and Evergreen version 3-11-5.

[Stephanie Leary (stephanieleary)]

Nice catch, Vince! We had previously changed the keyword search input type from "text" to "search", which in some browsers adds the affordance you noticed. I've made this change for all the other tabs' search query inputs in this branch:
https://git.evergreen-ils.org/?p=working/Evergreen.git;a=shortlog;h=refs/heads/user/sleary/LP2065326-staffcat-search-input-types

To test, use any browser other than Firefox to search the catalog, using any tab other than Keyword Search. Enter any text, and the "X" should appear.

[Mike Rylander (mrylander)]

This does the thing! Picked to main for 3.13. Thanks, Stephanie!

[Vince Giordano (vincegiordano)]

Thank you, Stephanie and Mike! I assumed it wasn't a bug, but I'm thrilled to see such a swift fix commitment!