Searchbox Widget: Allow input type="text" instead of type="search"

[isjackwild]

In this article you describe how to remove the browsers default search input behavior, by using a searchbox with type="text" rather than type="search".

It would be really useful if the searchbox widget had the option to implement this. Currently the HTML output uses input type="search", which includes a very ugly 'X' button within the input in Chrome. This also doubles up the reset button which Algolia renders.

[francoischalifour]

Semantically, the search type makes more sense than the text type. If that's only a matter of browser rendering, I'd recommend adding these CSS properties.

Keep in mind that connectSearchBox lets you provide your own rendering to interact with the query.

[isjackwild]

Aha perfect! I didn't realise it was possible to remove the X — I've spent ages on this before, didn't know about those psudo child elements 😅 Thanks!