问题描述
我正在将react与react-collapse结合使用以对div执行折叠过渡。
我的用例是，切换折叠的元素在折叠元素下面。
当我切换为合拢时，仅在Chrome 84+中，过渡会发生在元素上方，而不会将其向下推。例如，在Firefox中，它可以-这是我想要的行为。
复制代码和框：https://codesandbox.io/s/angry-elion-dxi75?file=/src/App.js 在chrome 84+中打开它会重现该错误。 在Safari / Firefox / Chrome 83-中打开它会显示所需的行为。
我的假设是chrome在最新版本中执行此过渡的方式有所变化，并且不允许切换元素从可见DOM中消失。 我对么？ 有办法让我获得想要的行为吗？
非常感谢，感谢您的帮助！
Saar
解决方法
解决方案是将这些元素上方的任何容器添加到其中：
overflow-anchor: none;