Chrome 65 无法打印隐藏的 iframe

Question

我偶然发现了一个似乎是关于 iframes 的 Chrome 65 错误。

我无法使用 sn-p 来演示这一点，所以我使用了这个JSFiddle。

问题在于，如果iframe 是display: none;，则.print() 上的iframe 将不会打印任何内容。

它只发生在 Chrome 65 上，而不是 Chrome 64。

代码如下：

<iframe id="frame"></iframe>
<iframe id="frame2" class="hidden"></iframe>
<button class="db">Print without display: none;</button>
<button class="dn">Print with display: none;</button>

$('.db').on('click',function(){
    $('#frame').contents().find('body').append('<p>Test without <code>display: none;</code>!</p>')
  $('#frame')[0].contentWindow.print();
});

$('.dn').on('click',function(){
    $('#frame2').contents().find('body').append('<p>Test with <code>display: none;</code>!</p>')
  $('#frame2')[0].contentWindow.print();
});

.hidden{
  display: none;
}

PS：不要尝试将其编辑为 sn-p，iframe 在其中不起作用。

Answer 1

这可能是故意改变的，但我知道的不够肯定。如果你想去探索，变化似乎是https://crrev.com/526112； Google Docs 有一些影响，所以你不是唯一一个试图解决这个问题的人。

我可以通过使用来解决它

visibility: hidden;
position: absolute;

在 iframe 上模拟display: none 将其从正常流程中取出但仍允许其执行自己的布局的效果。 https://jsfiddle.net/28w1tomv/