Use HTML5 search input field.

[davidlehn]

The main search input field should have type="search" added to br-options. In theory this would show a "X" or similar to allow search text to be cleared. This would allow us to remove the "Clear" button.

Currently something is stopping the "X" from appearing. (bootstrap rules? other rules?)

This can be forced to work in chrome by adding a CSS rule:

input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: searchfield-cancel-button
}

Some research is required to understand why this is failing and how to make it work cross platform. Until then, the field is left as the default "text".

[mattcollier]

This bootstrap issue is from 2014, but probably still relevant here: twbs/bootstrap#5624