React-devtools: Checkbox labels and search box overflow the column

[albell]

MacOS 10.12.2, Chrome 55. This doesn't look so hot:

Checkbox options should probably flow to a single vertical column when narrow. Thanks for a great tool!

[gaearon]

Yes, the design there is not very polished.
Would you like to help fix this?

[timarney]

@gaearon I can take a look at this if you like.

[gaearon]

Sounds great!

[timarney]

Did a quick test -

I'll see about getting the labels to wrap nicer later.

Is there a way to get the dev tools panel to auto-refresh?

I seem to have to close it manually and re-open to see the updated view.

[gaearon]

Hmm what do you mean by auto-refresh? Which shell are you using?

[timarney]

Just getting familiar with things ... I was running the chrome shell should I be using the plain one?

Auto-refresh - I did the webpack watch command from the chrome dir, which updates the code but I wasn't seeing changes until I closed the dev tool panel and than re-opened it.

[gaearon]

Plain is simpler to develop against since you just refresh to see the updates.

[timarney]

How's this?

[thisizkp]

@timarney that looks better than overflow thing, but I'm thinking about what to do to avoid the text 'Use Regular Expressions' hiding behind.

What about reducing the column width further and replace the labels with some kind of ellipsis? Not sure about how it looks, just a thought.

[jaredly]

looks like auto-refer didn't work https://github.com/facebook/react-devtools/pull/519

[jaredly]

[fixed by #519]