> ## Documentation Index
> Fetch the complete documentation index at: https://algolia.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Debugging

> Learn about browser-based debugging strategies for Autocomplete.

<Tip>
  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](/doc/api-reference/widgets/autocomplete/js) or
  [React InstantSearch](/doc/api-reference/widgets/autocomplete/react).
</Tip>

## Use debug mode to inspect panel elements

Setting the [`debug`](/doc/ui-libraries/autocomplete/api-reference/autocomplete-js/autocomplete#param-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](https://developer.mozilla.org/en-US/docs/Web/API/Element/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](https://developer.chrome.com/docs/devtools/) to keep the autocomplete panel open when inspecting the DOM.

<img src="https://mintcdn.com/algolia/Gja8rtqcY6eJARlr/images/ui-libraries/autocomplete/guides/emulate-a-focused-page.png?fit=max&auto=format&n=Gja8rtqcY6eJARlr&q=85&s=be74c8e5eb14e5bdea28d338196847db" alt="Screenshot of the 'Rendering' tab in Chrome DevTools with 'Emulate a focused page' checked." width="736" height="459" data-path="images/ui-libraries/autocomplete/guides/emulate-a-focused-page.png" />

<Tip>
  You can also find this option by pressing `Cmd+Shift+P` or `Ctrl+Shift+P` and searching for it.
</Tip>

<img src="https://mintcdn.com/algolia/Gja8rtqcY6eJARlr/images/ui-libraries/autocomplete/guides/emulate-a-focused-page-dropdown.png?fit=max&auto=format&n=Gja8rtqcY6eJARlr&q=85&s=d8a517ee9ea1fca73bc358b504b52dd0" alt="Screenshot of the Chrome DevTools Rendering options menu showing 'Emulate a focused page' selected." width="739" height="111" data-path="images/ui-libraries/autocomplete/guides/emulate-a-focused-page-dropdown.png" />

## Help and discussion

If you're having trouble implementing Autocomplete,
or have questions or feature requests,
reach out on [GitHub Discussions](https://github.com/algolia/autocomplete/discussions/new)
or join the community on Algolia's [Discord server](https://alg.li/discord).