Skip to main content

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. DevTools Rendering options
You can also find this option by pressing Cmd+Shift+P or Ctrl+Shift+P and searching for it.
DevTools Rendering options menu

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.
⌘I