Material-ui: 选择字段下拉位置

@Muneem看起来你可以使用menuStyle所讨论的道具这里靠近页面的底部。

我还使用Popover组件来替代DropDownMenu 。 它可以更轻松地控制 Popover 菜单的视觉位置。

我只想在选择字段中下拉......我们如何控制下拉的垂直位置。现在菜单重叠并隐藏选择字段标签。

+1 这个问题已经回答了吗？

只是想把这个留在这里，以防其他人在 1.0 中有同样的问题：

<Select
  MenuProps={{
    getContentAnchorEl: null,
    anchorOrigin: {
      vertical: "bottom",
      horizontal: "left",
    }
  }}
>

</Select>

@cobbs-totem 你是真正的 mvp

@JeremyGrieshop你是冠军 :D

@JeremyGrieshop从未来

@JeremyGrieshop你让我开心

是的，这太棒了！

<Select
          defaultValue=""
          MenuProps={{
            anchorOrigin: {
              vertical: "bottom",
              horizontal: "left"
            },
            transformOrigin: {
              vertical: "top",
              horizontal: "left"
            },
            getContentAnchorEl: null
          }}
        >
          <MenuItem value={1}>Option 1</MenuItem>
          <MenuItem value={2}>Option 2</MenuItem>
</Select>

@JeremyGrieshop 2 年后，谢谢！ 💯

@JeremyGrieshop请帮助我，我按照你说的做了，但点击后我的位置是视口底部和视口左侧。 请帮忙。 我正在使用 Material UI 菜单

<Menu anchorBuyer={anchorBuyer} anchorOrigin={{ vertical: "top", horizontal: "left" }} id={menuIdBuyer} keepMounted transformOrigin={{ vertical: "top", horizontal: "left" }} open={isMenuBuyerOpen} onClose={handleMenuCloseBuyer} >

在从上面的答案成功更改下拉位置后单击选择时，遇到了标签丢失的问题，结果是默认样式将输入标签颜色更改为焦点白色，这是我的背景颜色。 要修复它，只需覆盖样式<InputLabel classes={{focused: classes.X}}> ，其中类X包含color: "initial" 。 mui v4.11.0

大家好，
目前使用@JeremyGrieshop和@pzanwar03方法没有任何成功（MenuItems 的位置没有变化）。 你认为这可能是因为我的<Select>被包裹在<FormControl>周围吗？ 感谢您提前提供任何建议。

`` javascript <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>