‘position: absolute’ is busted inside grid items with ‘position: relative’ #34535
Description
Given the following (demo):
<!doctype html><meta charset="utf-8">
<style>
body > div { margin: 1em 0; }
.container { position: relative; }
.box { position: absolute; }
.grid {
display: grid;
grid-template-columns: 2em;
grid-template-rows: 2em;
}
.grid > .box { grid-area: 1 / 1; }
</style>
<div class="grid">
<div class="container"><div class="box" style="background: red; width: 100%; height: 100%;"></div></div>
</div>
<div class="grid">
<div class="container"><div class="box" style="background: orange; inset: 0;"></div></div>
</div>
<div class="grid">
<div class="container"><div class="box" style="background: green; inset: 0; width: 100%; height: 100%;"></div></div>
</div>
<div class="container" style="width: 2em; height: 2em;">
<div class="box" style="background: blue; inset: 0; width: 100%; height: 100%;"></div>
</div>| servo | firefox |
|---|---|
 |
 |