我使用react和react-collapse对div执行折叠转换。我的用例是切换折叠的元素在折叠元素的下面。当我切换到折叠时，仅在Chrome 84+中，转换发生在元素上方，不会将其向下推。例如，在Firefox中，它确实如此——这是我想要的行为。
正在复制代码沙盒：https://codesandbox.io/s/angry-elion-dxi75?file=/src/App.js在chrome 84+中打开它将重现错误。在Safari/Firefox/Chrome83中打开它将呈现所需的行为。
我的假设是，在最新版本中，chrome的转换方式发生了变化，它不允许切换元素从可见DOM中消失。我说得对吗？有没有办法让我达到自己想要的行为？
非常感谢您的帮助！
萨尔
解决方案是将以下元素添加到任何容器中：
overflow-anchor: none;