React-select: How to debug & change css of the outer menu wrapper?

[velidan]

Hi Jed. I want to debug and change some position of the dropdown menu wrapper but how I can do this if the dropdown is always closed when I am trying to select it in a devtool ? How I can do that? Thanks!

P.S. maybe it will be good to allow user to disable that feature (hide menu on an outside click).

[alansalnikov]

I've run into this as well. How I've been able to get at the styles is throw a debugger in onBlur and then, in chrome dev tools at least, you can go to the elements tab and mess around with the styles while the script is paused.

[velidan]

Thank you a lot. Because I disabled this possibility into the plugin source code and it's a little bit boring to do it again when I want to change something. Your solution looks nice and better.

[joaoahmad]

@wellnine you can use react dev tools and change isOpen state too.

[agirton]

@wellnine @joaoahmad recommendation is the best way to debug the CSS . This allows our API surface to be small.

[janakp2411]

Thanks @alansalnikov it's working onBlur={()=> { debugger}}

[tuanluu-agilityio]

Thanks @alansalnikov @joaoahmad

onBlur={()=> { debugger }}

Its work fine! :)