search

digitalbazaar / bedrock-angular-searchbox

Front end input controls to handle and transform advanced search queries
Other
0 stars 2 forks source link

Use HTML5 search input field. #2

Open davidlehn opened 7 years ago

davidlehn commented 7 years ago

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 commented 7 years ago

This bootstrap issue is from 2014, but probably still relevant here: https://github.com/twbs/bootstrap/issues/5624