Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[SelectField] width of options more than width of select if fullWidth={true} #3923

Closed
vKyrylenko opened this issue Apr 10, 2016 · 4 comments · Fixed by #6632
Closed

[SelectField] width of options more than width of select if fullWidth={true} #3923

vKyrylenko opened this issue Apr 10, 2016 · 4 comments · Fixed by #6632
Labels
bug 🐛 Something doesn't work component: select This is the name of the generic UI component, not the React module!

Comments

@vKyrylenko
Copy link

Problem Description

  1. Create a Select Field explicitly specifying a width using autoWidth={true} with some MenuItem children
  2. Open the drop down menu, the width of items more than select.

Versions

material-ui - 0.14.4
react 0.14.3

Select
fjabxjf
Opened select
vaykpun

@NantawatS
Copy link

NantawatS commented Dec 14, 2016

Any update on this? workaround maybe?

@semy
Copy link

semy commented Dec 23, 2016

Any answer for questions?

@luanpotter
Copy link

As a workaround, I'm manually setting the width for something like 80%, which works on most cases: style={{ width: '80%' }}. But it would be really nice to see this solved!

@oliviertassinari oliviertassinari changed the title SelectField width of options more than width of select if fullWidth={true} [SelectField] width of options more than width of select if fullWidth={true} Mar 26, 2017
@oliviertassinari oliviertassinari added the component: select This is the name of the generic UI component, not the React module! label Mar 26, 2017
@oliviertassinari oliviertassinari added the bug 🐛 Something doesn't work label Apr 11, 2017
@bamaboy
Copy link

bamaboy commented Apr 17, 2017

This happens because DropDownMenu doesn't pass autoWidth property down to Menu component.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something doesn't work component: select This is the name of the generic UI component, not the React module!
Projects
None yet
Development

Successfully merging a pull request may close this issue.

6 participants