Material-ui: [SelectField] autoWidth ignored

Created on 26 Aug 2016  路  1Comment  路  Source: mui-org/material-ui

autoWidth doesn't seem to work. At least not on chrome.

Even in the example here:

http://www.material-ui.com/v0.15.4/#/components/select-field

the width: auto doesn't get set when autoWidth=true but even if I set it in the inspector and the SelectField shrinks to content, the label overflows because it doesn't have white-space: nowrap set.

Select
Source
picture halayli
👍4

Most helpful comment

I am running into the same issue. It is preventing me from using the SelectField in a tight layout. Please provide a solution.

Edit
It seems that autoWidth controls the width of the dropdown, not the SelectField itself. I found the behavior I was looking for in DropDownMenu. Which begs the question: what is the difference between SelectField and DropDownMenu? They both point to the same page in the Material Design spec and they seem to be offering pretty much the same functionality.

picture nareshbhatia on 16 Oct 2016
👍3

>All comments

I am running into the same issue. It is preventing me from using the SelectField in a tight layout. Please provide a solution.

Edit
It seems that autoWidth controls the width of the dropdown, not the SelectField itself. I found the behavior I was looking for in DropDownMenu. Which begs the question: what is the difference between SelectField and DropDownMenu? They both point to the same page in the Material Design spec and they seem to be offering pretty much the same functionality.

nareshbhatia picture nareshbhatia on 16 Oct 2016
👍3
Was this page helpful?
0 / 5 - 0 ratings

Related issues

mattmiddlesworth picture mattmiddlesworth  路  3Comments
ryanflorence picture ryanflorence  路  3Comments
iamzhouyi picture iamzhouyi  路  3Comments
mb-copart picture mb-copart  路  3Comments
activatedgeek picture activatedgeek  路  3Comments