Javascript css绝对位置使文本框向下 我使用芯片材料UI构建了一个原型。 单击测试IPA时,文本框应显示在文本测试IPA的正下方 在原型中,它显示在下面,但当我包含其他功能时,它显示在底部 我调试了CSS,这是由于每个场景的绝对位置,它显示了不同的值,并且它来自材质UI 你能告诉我如何修复它与其他组件的关系吗 下面提供我的代码片段、沙盒和bug截图
其他组件的问题 单独正常工作 JSX:Javascript css绝对位置使文本框向下 我使用芯片材料UI构建了一个原型。 单击测试IPA时,文本框应显示在文本测试IPA的正下方 在原型中,它显示在下面,但当我包含其他功能时,它显示在底部 我调试了CSS,这是由于每个场景的绝对位置,它显示了不同的值,并且它来自材质UI 你能告诉我如何修复它与其他组件的关系吗 下面提供我的代码片段、沙盒和bug截图,javascript,html,css,reactjs,material-ui,Javascript,Html,Css,Reactjs,Material Ui,其他组件的问题 单独正常工作 JSX: .MuiPopover-paper-1706的父元素应具有position:relativeCSS属性。如果没有,则具有位置:绝对的元素将相对定位到具有相对定位的最近父元素。第一个链接中的项目有许多错误。请解决这些问题。 <td> <ChipsTextbox chipName="test IPA" /> </td> <Menu id="simple-menu" open={open} onClose
.MuiPopover-paper-1706
的父元素应具有position:relative
CSS属性。如果没有,则具有位置:绝对的元素将相对定位到具有相对定位的最近父元素。第一个链接中的项目有许多错误。请解决这些问题。
<td>
<ChipsTextbox chipName="test IPA" />
</td>
<Menu id="simple-menu" open={open} onClose={this.handleClose}>
<TextField onChange={this.onChange} onKeyDown={this.handleKeyPress} />
</Menu>
.MuiPopover-paper-1706 {
outline: none;
position: absolute;
min-width: 16px;
max-width: calc(100% - 32px);
overflow-y: auto;
overflow-x: hidden;
min-height: 16px;
max-height: calc(100% - 32px);
}