Javascript IE11按钮、垂直弯曲和绝对定位元件的抽搐问题

更新：

我添加了一个屏幕记录来显示问题。这在browserStack ie11中重现，在这个问题中使用了“RunCodeSnippet”按钮。

---

我正在做一个下拉菜单，它需要在IE11中工作。但是，当菜单打开时，flex容器会抖动。不在容器上使用flex或不使用button标记可以解决问题，但是容器超出了我的控制范围，如果可能的话，我更愿意使用button。有人知道这是怎么回事吗

var handle=document.getElementsByTagName（'button'）[0]；
var inner=document.getElementsByClassName（'inner'）[0]；
var dropdownOpen=false；
handle.addEventListener（'click'，function（）{
dropdownOpen=！dropdownOpen；
inner.style.height=dropdownOpen？'80px'：'0'；
});
.outter{
背景：绿色；
垫底：20px；
显示器：flex；
弯曲方向：立柱；
证明内容：中心；
对齐项目：居中；
}
梅因先生{
利润率：10px；
宽度：300px；
背景：白色；
填充：10px；
}
.集装箱{
位置：绝对位置；
背景：黄色；
}
.内部{
溢出：隐藏；
过渡段：高度0.2s放松；
}

标题
手柄
内容
我看不到IE11中的漏洞。我已经在我这边测试了你的代码，在使用Chrome、Microsoft Edge和IE浏览器时，你可以检查一下。还有其他脚本或代码吗？你能发布足够的代码来重现问题吗。