question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Dev mode react-select

See original GitHub issue

Hi, I noticed a little bit of annoyance when the menu keeps closing after losing focus. Wonder if there is already a way to overcome that while developing. Otherwise, will be alwaysOpen option be desirable?

Cheers!

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:41
  • Comments:17 (3 by maintainers)

github_iconTop GitHub Comments

69reactions
benjamindulaucommented, Oct 25, 2016

No need for a dev option for this. By using the Chrome React extension, you can simply force the “isOpen” state value to true on the Select component (note: there is an input at the bottom for searching components). Then you can freely inspect the select options 😃

19reactions
khankuancommented, Jun 11, 2016

There are times where i needed to debug the library, or to look at the menu elements in the inspector to figure out the css structure. The menu closes as soon as it loses focus and i can’t really continue to debug. This option allow us to directly fix the isOpen state to true in such cases. And of course, who knows someone might design an interface that wants to keep the menu always open 😛

Read more comments on GitHub >

github_iconTop Results From Across the Web

react-select: An introduction - LogRocket Blog
Learn how to use react-select component, how to get started, and how to extend some of the predefined components to suit your needs....
Read more >
react-select: how to keep dropdown open when styling in ...
Run this command on your console open the menu and then wait for 5 seconds and the debugger will automatically be applied and...
Read more >
react-select - npm
A Select control built with and for ReactJS. Latest version: 5.7.0 ... Start using react-select in your project by running `npm i react-select`....
Read more >
React Select
A flexible and beautiful Select Input control for ReactJS with multiselect, autocomplete and ajax support.
Read more >
Building An Awesome Select Box Using "react-select" library
Hi, I'm Aya Bouchiha, on this awesome day, we'll talk about react-select. ... Tagged with react, javascript, typescript, webdev.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found