Oriol Brufau
d28ed625b9
Automatic update from web-platform-tests layout: Ignore insets in Taffy for static and sticky positionings Taffy treats static and sticky positionings as relative. So the inset properties shifted the element in the relpos way, which was no good. It's better to just treat them as `auto` instead. Signed-off-by: Oriol Brufau <obrufau@igalia.com> -- wpt-commits: 7142772429001e07c1bb2cbd780b6315085e5fae wpt-pr: 54954
28 lines
722 B
HTML
28 lines
722 B
HTML
<!DOCTYPE html>
|
|
<link rel="author" title="Oriol Brufau" href="mailto:obrufau@igalia.com">
|
|
<link rel="help" href="https://drafts.csswg.org/css-position/#insets">
|
|
<link rel="help" href="https://github.com/servo/servo/issues/39399">
|
|
<link rel="match" href="../reference/ref-filled-green-200px-square.html">
|
|
<meta name="assert" content="Inset propeties do not apply to a statically positioned grid item.">
|
|
|
|
<style>
|
|
#grid {
|
|
display: grid;
|
|
width: 200px;
|
|
height: 200px;
|
|
background: red;
|
|
}
|
|
#item {
|
|
width: 200px;
|
|
height: 200px;
|
|
top: 200px;
|
|
left: 200px;
|
|
background: green;
|
|
}
|
|
</style>
|
|
|
|
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
|
<div id="grid">
|
|
<div id="item"></div>
|
|
</div>
|