react-select打开的选项浮动css

Question

大家早上好，

我正在研究react-select实现，当react-select被打开时我有一个css问题，并且它位于一个带有overflow：auto的容器内（由于它不是由我的app创建的，所以我无法更改）。默认情况下，选项显示在容器内部，如下所示：

理想情况下，选项应该放在容器之外，类似于：

我已经尝试覆盖/反应 - 选择/减少/选择＆＃39;并添加一些自定义类但没有成功。

感谢您的帮助。

Answer 1

正如我所提到的，我无法更改呈现react-select的容器，因此无法修改其css。

我找到了使用React Portal的解决方案（可从16.0.0版本获得）。 门户网站提供了一种将子项呈现为存在于父组件的DOM层次结构之外的DOM节点的第一类方法。所以我的选择不再依赖于容器css：）

这是与react-select讨论此问题的页面 https://github.com/JedWatson/react-select/issues/810