Chromeでfloatが消えるiframe

iframeを使用してArchive.orgからオーディオプレーヤーを読み込むサイトがあります。このサイトは3年間にわたり正常に動作しています。しかし、昨日Chromeをバージョン60にアップグレードすると、iframeが瞬時に表示されて消えてしまいます。サイトは他のブラウザでも正常に動作します。Chromeでfloatが消えるiframe

<iframe class="archive-l" frameborder="0" height="400" 
src="https://archive.org/embed/gd1970-02-13.sbd.miller.fix- 
97613.97639.sbeok.flac16&amp;playlist=1" width="300"></iframe>

アーカイブ-Lクラスは、フロートを含む：例えば

は、ページhttp://gratefuldeadoftheday.com/02-13-1970は、以下のiframeを有する左。 float：leftを削除すると、iframeはChromeでレンダリングされます。フロートを削除してiframeをdivにラップし、divをフロートさせるとiframeがレンダリングされます。 http://gratefuldeadoftheday.com/08-26-1971

明らかに、私はdivの2000年以上のすべてのページにiframeをラップして動作させることができますが、なぜこの問題が発生しているのか理解したいと思います。

出典

2017-08-26 kosher

Chrome 60の唯一の問題はiframeの幅です... – Alessio

@Alessioなぜ幅が問題になるのですか？ – kosher

コンテンツがカットされているのを見てください – Alessio

汚れた回避策を見つけました。iframeに幅の変更/サイズ変更を引き起こす必要があります。

試してみてください。

jQuery('.field__item iframe').css('width','auto');

出典

2017-08-26 20:13:21 Alessio

回答を承認して助けてください。）ありがとうございました – Alessio

私は回避策に感謝します。しかし、あなたは私の質問に答えているわけではありません。 – kosher

これを見ている人にとって、上記のJQueryの回避策は、ユーザーがiframe内の何かをクリックするまでiframeを見えるようにするだけです。 iframeをクリックすると、コンテンツは再び消えます。 – kosher

負荷が問題はバージョン61 You can see more about this hereとhereに固定されたChromeバージョン60での既知の問題だった後に消えるのiframeを浮かべているようです。

出典

2017-09-05 18:32:29 kosher

Chromeでfloatが消えるiframe

答えて

関連する問題