"This feature is non-standard and should not be used without careful consideration. "
Where the browser supports the cancel button, it has a browser's default styling which is not customizable. In Chrome you will see a blue reset button (which is in my case placed on a blue background, therefore invisible!).
The icons appear on hover, and as the "caniuse" table shows, most of the mobile browsers don't support it.
I'd rather have optional, cross-browser supported buttons next to the input, ideally one for submit and one for resetting the input. These should come in two options:
Currently we are using
@cwmr/paper-autocomplete
library for autocomplete input elements (e.g. search input).These inputs provide a reset/cancel icon by default, which seems convenient, but there are two disadvantages:
-webkit-search-cancel-button
is only supported by webkit browsers. So e.g. Firefox will not display any reset option at all.See the full list here: https://caniuse.com/?search=-webkit-search-cancel-button
I'd rather have optional, cross-browser supported buttons next to the input, ideally one for submit and one for resetting the input. These should come in two options: