26 lines
838 B
HTML
26 lines
838 B
HTML
<!doctype html>
|
|
<title>will-change: transform shouldn't create a containing block if the box doesn't support transforms</title>
|
|
<link rel=author href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
|
|
<link rel=author href="https://mozilla.org" title="Mozilla">
|
|
<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1707170">
|
|
<link rel=help href="https://drafts.csswg.org/css-will-change/#will-change">
|
|
<link rel=match href="will-change-transform-inline-ref.html">
|
|
<style>
|
|
#container {
|
|
will-change: transform;
|
|
}
|
|
#child {
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 200px;
|
|
height: 200px;
|
|
background-color: blue;
|
|
}
|
|
</style>
|
|
<div style="height: 200px"></div>
|
|
<span id="container">
|
|
Child should be positioned relative to the viewport, not relative to me.
|
|
|
|
<div id="child"></div>
|
|
</span>
|