单击IE devtools中的元素可修复IE布局错误

时间:2017-01-27 06:54:31

标签: css internet-explorer flexbox

我在Flexbox布局中有一些文字没有出现在IE11中(父元素的计算高度为0px)。

如果,在IE的“DOM Explorer”中,我点击直接包含文本的div元素,然后文本突然出现!

仅当检查器右侧的选项卡设置为“样式”或“已计算”时才会发生这种情况 - 单击带有另一个选项卡打开的div(“布局”,“事件”...)不会导致文本出现。

文本按预期显示,无需干预其他现代浏览器。

我认为在检查元素时会发生某种样式重新计算,这会修复显示问题。有没有办法从JavaScript触发类似的事件,或以其他方式解决问题?

1 个答案:

答案 0 :(得分:0)

我的答案就是我用elem.dataset设置父元素的数据属性,这在IE中表现不正确(参见IE bug 1104713,一年前标记为WONTFIX)。

解决方法是使用elem.setAttribute,正确更新伪元素。