react-select: how to keep dropdown open when styling in inspector?

Question

I\'m using react-select and I\'m customizing it,I didn\'t found an option to do this. Is there some workaround I can use to keep dropdown open when I\'m styling it?

Answer 1

Simple hack goes this way

Run this command on your console open the menu and then wait for 5 seconds and the debugger will automatically be applied and screen will be freezed.

setTimeout(() => {debugger;}, 5000)

Answer 2

By using the Chrome React extension, you can force the "isOpen" (v3: "menuIsOpen") state value to true on the Select component.

more info here: https://github.com/JedWatson/react-select/issues/927#issuecomment-313022873