Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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?

like image 432
lucasviewup Avatar asked Mar 15 '18 12:03

lucasviewup


People also ask

How do you style options in react select?

To style react-select drop down options, we can create an object with the styles we want to apply and set that as the value of the styles prop. We create the colourStyles object with the control method that return an object with the styles. And we have the option method that returns the styles for the options.

How do you handle the Select option in react?

To select a default option in React, the selected attribute is used in the option element. In React, though, instead of using the selected attribute, the value prop is used on the root select element. So, you can set a default value by passing the value of the option in the value prop of the select input element.


1 Answers

In chrome, got to Elements > Event Listeners > open "blur" > with the mouse go to the right of where it is written "document", then you can see a button "Remove" > click on it

like image 85
dana2208 Avatar answered Oct 11 '22 12:10

dana2208