algolia / instantsearch

⚡️ Libraries for building performant and instant search and recommend experiences with Algolia. Compatible with JavaScript, TypeScript, React and Vue.
https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/
MIT License
3.67k stars 515 forks source link

"A form field element has neither an id nor a name attribute" #6345

Open carlosalvidrez opened 2 weeks ago

carlosalvidrez commented 2 weeks ago

🐛 Current behavior

Getting this client-side warning, hundreds of times:

"A form field element has neither an id nor a name attribute. This might prevent the browser from correctly autofilling the form. To fix this issue, add a unique id or name attribute to a form field. This is not strictly needed, but still recommended even if you have an autocomplete attribute on the same element."

🔍 Steps to reproduce

React InstantSearch... tried adding an "id" and "name"" attribute to SearchBox, for example, but it does not pass it as an HTML attribute to the "input" node.

Live reproduction

none

💭 Expected behavior

Both id and name attributes should be passed from the SearchBox and RefinementList elements to the actually rendered node. Or, add some automatically.

Package version

react-instantsearch latest

Operating system

macOS 14.6.1

Browser

No response

Code of Conduct

Sid-80 commented 1 week ago

I am open source contributor from India willing to work on this issue!