mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 05:08:36 +02:00
ce7824933d
When we're creating a scrollframe with let's say, display: flex or grid, the containing block is the grid container itself, but the transformed frame is the scroll frame. This is the only caller that (incorrectly) passes the same frame to PushAbsoluteContainingBlock. Our painting code deals with it, mostly, because it starts from the placeholder to paint fixed items, and it hits the scrollframe, but it gets confused sometimes causing the issue described here. I'll find a way to add a crashtest for this, and maybe a reftest, though this works in non-WR. We should probably add a few more assertions to the frame constructor... Differential Revision: https://phabricator.services.mozilla.com/D8724 --HG-- extra : moz-landing-system : lando
47 lines
754 B
HTML
47 lines
754 B
HTML
<!doctype html>
|
|
<title>CSS Test Reference</title>
|
|
<meta charset="utf-8">
|
|
<link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
|
|
<link rel="author" title="Mozilla" href="https://mozilla.org">
|
|
<style>
|
|
html,
|
|
body {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
margin: 0;
|
|
padding: 0;
|
|
background-color: #222;
|
|
}
|
|
|
|
body {
|
|
display: flex;
|
|
transform: scale(0.9);
|
|
}
|
|
|
|
#fixed {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 1;
|
|
background: black;
|
|
}
|
|
|
|
#popup {
|
|
position: absolute;
|
|
width: 200px;
|
|
height: 200px;
|
|
left: 0;
|
|
top: 0;
|
|
z-index: 2;
|
|
background: green;
|
|
transform: scale( 1.1111 );
|
|
}
|
|
|
|
body, #popup {
|
|
transform-origin: 50% 50%;
|
|
}
|
|
</style>
|
|
<div id="popup"></div>
|
|
<div id="fixed"></div>
|