在更改容器的高度时,React collapse会隐藏溢出

时间:2018-06-04 12:30:49

标签: javascript reactjs

我正在使用React collapse组件,当height设置为auto时可以正常工作,但如果我通过显示最初隐藏在崩溃内的元素来更改高度容器,ReactCollapse组件获得overflow: hidden样式。这会导致子组件内部的周期选择器字段在单击时不可见。有一个类似的问题here似乎已经用我所拥有的版本4.0.3解决了。 我的组件是ExpandingPanel内的子组件。

<ExpandingPanel
  title={title}
  isInfoPanelOpen={isInfoPanelOpen}
  onClick={() => toggleInfoPanelCallback(faktaId, true)}
>
  {children}
</ExpandingPanel>

当元素可见时,有一个元素在点击时显示和隐藏的子组件会隐藏溢出:

<div class="ReactCollapse--collapse" style="height: 944px; overflow: hidden;">

如何解决这个问题,以便overflow容器的初始visible更改时,hidden设置为height而非collapse

0 个答案:

没有答案