javascript - 选择材质 UI - 添加带有溢出的确定按钮 #29437
问题描述
我使用材料 ui 的 SELECT 组件并且我试图添加 OK 按钮所以它会卡在向下滚动中(使用溢出-y)。
材质 ui 版本 - v4 ES6 @material-ui/core/Select
<FormControl>
<Select
className={classes.select}
multiple
displayEmpty
value={selectedOptions}
onChange={handleChange}
disableUnderline
MenuProps={MenuProps}
>
{options.map(option => (
<MenuItem
classes={{ root: classes.selectedOption}}
key={option}
value={option}
>
<CustomCheckbox checked={selectedOptions.includes(option)} />
<ListItemText classes={{ primary: classes.selectText }} primary={option} />
</MenuItem>
))}
<Button
className={classes.button}
onClick={applySelectedVendorsHandler}
>
Ok
</Button>
</Select>
</FormControl>
应用按钮位于 Select 组件的底部,如下所示: 在此处输入图像描述
但我希望按钮出现在整个滚动中,我还在 MenuProp 上定义了 maxHeight。
解决方案
推荐阅读
- c# - Selenium 无法继续,因为 chrome 不加载 UI
- go - 这段代码是如何工作的,这个语法记录在哪里?
- android - 有没有办法确定 WebView 何时加载了 HTML?(所以当 DOM 准备好时)
- multithreading - 使用 CAS 习语时,ABA 是否与推送/插入操作相关?
- git - 将新项目代码推送到 github 上的新存储库,但它推送了所有新项目
- tensorflow-federated - TFF 客户有没有办法拥有内部状态?
- java - 如何在 websphere 中停止应用程序、应用程序服务器、节点、节点代理
- android - 回来时如何通知 Fragment Android
- python - matplotlib 矩形图中 Y 标签(位置)的动态设置
- elasticsearch - 如何使用 delete_by_query api 删除索引中包含特定字段的所有文档?