digitalbazaar / bedrock-angular-searchbox

Front end input controls to handle and transform advanced search queries

bedrock-angular-searchbox

Front end input to handle and transform advanced search queries

bedrock-angular-searchbox's Issues

Use HTML5 search input field.

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".

Redesign search box

This search box is way too complex. We should strive for a Google landing-page like search experience since that's what folks are used to.

We should eliminate:

• The Search button.
• The Clear button.
• The Help button.

We should move:

• The search icon to the right (and put it inside the box, if possible)

Ultimately, the search box should just be a text input box.

/cc @dlongley @mattcollier

Material design strategy

This is a general question which happens to have immediate application to this component.

We currently have need of a material themed version of this component. What is our strategy for incorporating material design buttons and inputs etc.?

Are we wholesale replacing boostrap classes with material design and making a major release?