Typeahead.js: how to inspect .tt-dropdown-menu

[agborkowski]

i had problem with custom styling of drop down, so i tried use inspect + toggle element state in chrome dev tools but of course didn't work, any suggestion to keep drop down for inspect ?

[prashn64]

0.10.1 allows you to inspect but it still disappears, but that's how I've been doing it. One alternative is to put a breakpoint somewhere in your code after the typeahead has been rendered, as that will ensure the typeahead is still visible.

[carlosceia]

on chrome, with devtools, look for tt-dropdown-menu and choose on the contextual menu "break on… > subtree modifications. it will pause on debugger and then you can inspect it

[agborkowski]

@carlosceia @prashn64 :beers: !

[bikerpower]

To keep the dropdown open and inspect it easily, comment the following lines on typeahead.bundle.js:

_onBlurred: function onBlurred() {
// this.isActivated = false;
// this.dropdown.empty();
// this.dropdown.close();
},

When you're done with the styling, uncomment and you're good to go.

[sahanDissanayake]

http://stackoverflow.com/questions/29789767/keep-twitter-typeahead-suggestion-dropdown-open

Is there a easier way guys ? I cannot get the @bikerpower since my library is hosted on a cdn