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 dropdown position #5634
Comments
i want drop down only in select field..how can we control vertical position of drop down.right now menu overlapping and hiding the select field label. |
+1 has this been answered? |
Just wanted to leave this here, in case someone else has the same question in 1.0:
|
@cobbs-totem you the real mvp |
@JeremyGrieshop you are the champ :D |
@JeremyGrieshop Dropping in from the future to to thank you |
@JeremyGrieshop You make my day |
Yeah this is awesome! |
|
@JeremyGrieshop 2 years after, thank you! 💯 |
@JeremyGrieshop please help me, I did as you said but my position after click is viewport bottom and viewport left. Please help. I am using Material UI Menu
|
had an issue that label becomes missing when select is clicked after successfully changing dropdown position from answers above, turns out the default styling changes input label color to white on focus which is my background color. To fix it, simply override the styling |
Hello All, <FormControl className={classes.textField}>
<InputLabel id="demo-simple-select-outlined-label">Type</InputLabel>
<Select
MenuProps={{
anchorOrigin: {
vertical: "bottom",
horizontal: "left"
},
transformOrigin: {
vertical: "top",
horizontal: "left"
},
getContentAnchorEl: null
}}
labelId="demo-simple-select-outlined-label"
id="demo-simple-select-outlined"
value={props.x}
onChange={props.handleChange}
label="x"
name="x">
<MenuItem value={'1'}>1</MenuItem>
<MenuItem value={'2'}>2</MenuItem>
</Select>
</FormControl>` |
How to set position of dropdown of selectfield. I want to show dropdown below selectfield i dont want it should come above it
The text was updated successfully, but these errors were encountered: