Edgeのiframeで `pointer-events：none;`が動作しません

Question

iframeにpointer-events: none;を適用していますが、Edge（Edge 16でテスト済み）を除くすべての主要ブラウザで正常に動作します。 Edgeでは、iframe内の何かをクリックすることができます。私はまた、iframeの親のdivにスタイリングを適用しようとしましたが、何も動作しません。 注：私は回避策がありますインラインフレーム

<div style="pointer-events: none;"> 
    <iframe>...</iframe> 
</div> 

<iframe style="pointer-events: none;">...</iframe> 

の内側にそれを適用することはできませんか？ ありがとう！

Answer 1

さらに詳しい調査の結果、これはEdge v16（Edge/16.16299）のバグであると思われますが、Edge v15以降ではすべて正常に動作します。 したがって、Edge v16では、pointer-events: none;は、iframeを親コンテナに適用しても、iframeには何も影響しません。

Answer 2

True、そのCSSプロパティはバグのようです。あなたのiframe内の全てのクリック可能アイテムに

.upgrade-banner .row .col.upgrade { 
    ... 
    pointer-events: none; 
} 

：プロパティをapp.css内部に追加してみてください。 browserstack（エッジ16）から

テストこれは正常に動作します：