我关闭Material-UI的选择选项模式后在主体中添加了滚动

时间:2019-07-08 10:03:34

标签: css reactjs material-ui

我有一个带有 MenuItems 的选择标签,但是选择后,我的身体会自动添加滚动条

<Select
                              value={stp_dataId}
                              onChange={e=>this.setState({stp_dataId:e.target.value})}
                              input={<Input name="data" id="dataId" />}
                              disabled={stp_dataId || stp_dataDisable}
                            >
                              <MenuItem selected disabled value="" style={{padding:'3px', fontSize:'12px'}}>
                              <em>None</em>
                            </MenuItem>
                            {data.map(option => (
                              <MenuItem key={option.value} value={option.value} style={{padding:'5px', fontSize:'15px'}}>
                                {option.label}
                              </MenuItem>
                            ))}
                            </Select>

现在,当我通过选择或单击其他位置关闭菜单时,我的身体正在将样式添加为“溢出:滚动”

即使我体内有这个

style="overflow-y: hidden !important"

我已经看到许多与如何解决它有关的问题,但是我没有得到Material-ui类,它可以防止这种情况的发生。

我有图像显示视图中实际发生的事情

No scroll view

Scroll on body view

0 个答案:

没有答案