Ability to clear keyword/search filter with one click

I re-tested this but there's an issue that on hover there's a smaller blue X that needs to be removed. Otherwise, I think this looks good.

I can also confirm that this will close https://www.drupal.org/project/project_browser/issues/3348761 🐛 Clearing keyword search with X does not update search results Needs work once the blue X is gone.

Removed default search (x) icon. PR still needs a rebase.

The cs spell is failing due to cross.svg saying Forbidden word (grey)

You can just add the word to the dictionary: https://git.drupalcode.org/issue/project_browser-3310884/-/blob/3310884-...

chrisfromredfin → changed the visibility of the branch 3310884-ability-to-clear to hidden.

Love this, it's working!

But, I think we need to have a FunctionalJavascript test - approach is probably something like:

1. grab the number of results
2. search for something known (or awful), see that the number of results is correct (or zero)
3. hit the X, make sure the number of results returns to the original value from 1

This needed a rebase for my test to work - the markup hadn't included the issue to change markup classnames. This is a rebase plus the test. Need someone besides me to review my test!

I created a new DrupalPod instance with Drupal 10.1 and the standard profile.
After adding text to the input field I was able to verify that #9 is not an issue anymore. As overlapping text still allows one to click the X and it works as expected by clearing the search results.

The test seems to work as expected checking whether there are results before searching for a string that has no results and comparing their outcome.

another one bites the dust! Thanks, everyone. :)

Automatically closed - issue fixed for 2 weeks with no activity.