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.

Select width

See original GitHub issue

div.mdc-select seems to have a static width of only 9px for some reason. For this reason, it does not show the currently selected value (or the hintText).

I can inspect the element and set the width higher and see the span correctly, but when I interact the the dropdown it sets it back to 9px.

Issue Analytics

State:
Created 6 years ago
Comments:6 (3 by maintainers)

Top GitHub Comments

1reaction

garrett-thompsoncommented, Oct 23, 2017

It seems like selectedIndex coming from props was causing an issue. Once I changed that from an Immutable.js structure to a plain JS object & added style={{ minWidth: '100px' }} to the Select element, everything is working as expected.

Thanks a ton @prateekbh !!

0reactions

prateekbhcommented, Oct 23, 2017

so here are two things: a.) looks like you cannot instantiate an empty Select and that might be the case since you are passing it through props, please check. I’ll also try asking this to mdc-web team b.) for the width, I guess you can specify the min-width or a fixed width.