大家早上好
我正在研究 react-select 实现，当 react-select 打开并且位于带有 overflow:auto 的容器内时我遇到了一个 css 问题(我无法更改，因为它不是由我的应用程序创建的)。默认情况下，选项在容器内显示如下:
理想情况下，选项应该放在容器之外，类似于:
我已经尝试覆盖/react-select/less/select' 并添加一些自定义类但没有成功。
感谢您的帮助。
最佳答案
正如我提到的，我无法更改呈现 react-select 的容器，因此无法修改其 css。
我找到了使用 React Portals(从 16.0.0 版开始可用)的解决方案。 门户提供了一种一流的方式来将子项呈现到存在于父组件的 DOM 层次结构之外的 DOM 节点中。所以我的选项不再依赖于容器 css :)
这是讨论 react-select 这个问题的页面 https://github.com/JedWatson/react-select/issues/810
关于javascript - react-select 打开的选项 float css，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/49232367/