Autocomplete is also available as an experimental widget in InstantSearch,
making it easier to integrate into your search experience.
For more information,
see the API reference for InstantSearch.js or
React InstantSearch. Use debug mode to inspect panel elements
Setting the debug option to true keeps the panel open when inspecting elements in your browser DevTools. This option defaults to false, meaning that the autocomplete panel closes when the blur event occurs. You should only use this option during development.
Emulate a focused page in Chrome DevTools
You can enable the “Emulate a focused page” option from Chrome DevTools to keep the autocomplete panel open when inspecting the DOM.
You can also find this option by pressing Cmd+Shift+P or Ctrl+Shift+P and searching for it.
Help and discussion
If you’re having trouble implementing Autocomplete,
or have questions or feature requests,
reach out on GitHub Discussions
or join the community on Algolia’s Discord server.
