Material UI-MultiSelect Popup Anchor Moving on Select

问题描述 投票:0回答:1

我从Material UI 4.2.0升级到4.9.10时注意到了这一点,但是通过故障排除,我相信这种现象始于4.8.3版本

[当使用带有多重选择的Select时,弹出菜单在选择第一个项目时移动。我还有其他示例,它在选择了多个项目时移动了几次,但是在我提供的示例中,它似乎只是在选择第一个项目时发生。这是一个演示此代码的密码箱:https://codesandbox.io/s/recursing-morse-2omxy?fontsize=14&hidenavigation=1&theme=dark

这里是相同的代码示例,但使用的是Material UI 4.8.2。当我从此示例中选择项目时,菜单将停留在弹出菜单的位置:https://codesandbox.io/s/recursing-frost-pxlds?fontsize=14&hidenavigation=1&theme=dark

我的首选行为是第二​​个示例,菜单在我选择时不会在我周围跳来跳去。我浏览了API,并尝试指定了不同的锚点,但是到目前为止,仍然无法阻止弹出菜单的移动。有谁知道如何在4.8.3及更高版本中将菜单保留在适当的位置?

javascript material-ui
1个回答
0
投票
如果从fullWidth中删除FormControl标志,则可以使用。尝试在.css文件中设置宽度。
© www.soinside.com 2019 - 2024. All rights reserved.