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?

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.