Keep instant search results hover open to edit with Chrome tools

Question

We are trying to customize the Algoila instant results hover menu to fit our custom Magento theme. Does anyone know of a way to keep the instant result menu open so we can inspect elements using Chrome tools?

Transitory

Answer 1

You can put the following debug flag to true:

  var options = {
      hint: false,
      templates: {
          dropdownMenu: '#menu-template'
      },
      dropdownMenuContainer: "#algolia-autocomplete-container",
      debug: true // to inspect the dropdown menu
  };

The associated documentation is here.

Affable

Answer 2

Alternatively, open Chrome developer tools, go to the 'source' tab and from there you can click Cmd + \ to pause the script whilst the dropdown is visible.

Crat

Answer 3

There is an option for elements state on the right side of the development tools:

Hypersensitive