will-change-transform-inline.html (838B)
1 <!doctype html> 2 <title>will-change: transform shouldn't create a containing block if the box doesn't support transforms</title> 3 <link rel=author href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez"> 4 <link rel=author href="https://mozilla.org" title="Mozilla"> 5 <link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1707170"> 6 <link rel=help href="https://drafts.csswg.org/css-will-change/#will-change"> 7 <link rel=match href="will-change-transform-inline-ref.html"> 8 <style> 9 #container { 10 will-change: transform; 11 } 12 #child { 13 position: fixed; 14 top: 0; 15 left: 0; 16 width: 200px; 17 height: 200px; 18 background-color: blue; 19 } 20 </style> 21 <div style="height: 200px"></div> 22 <span id="container"> 23 Child should be positioned relative to the viewport, not relative to me. 24 25 <div id="child"></div> 26 </span>