微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

让孩子从溢出的父母中走出来

如何解决让孩子从溢出的父母中走出来

我使用的是来自我们内部组件库的 Modal 组件。 Modal 组件有一个 Header、Body 和一个 Footer 部分。

模态体具有溢出:自动和最大高度设置。当我们提供给 Modal Body 的内容较长时,溢出生效并且 Modal body 变得可滚动。我想以这种方式保留 Modal 主体,并为自定义类型添加功能,如下所述。

enter image description here

我正在向 MODAL BODY 的末尾添加一个自定义类型提前组件。当我开始打字时,提前类型列表会扩展父 div 并且不会从 MODAL 中弹出。它具有高 z-index,并且遍历所有兄弟姐妹。我需要设置提前类型列表的样式,使其始终弹出。

这就是期望:

enter image description here

这是正在发生的事情:

enter image description here

我一直在努力,到目前为止,没有设置高度和溢出是不可能的:对模态体隐藏/可见。欢迎提出任何想法。

我创建了一小段代码来重现该问题。 Code example

解决方法

将 .container 更改为溢出可见 将 background-color: black 添加到 select-box--items

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。