Blitz - WPT: position-absolute-under-non-containing-stacking-context.html

wpt / css / css-position / position-absolute-under-non-containing-stacking-context.html

/css/css-position/position-absolute-under-non-containing-stacking-context.html

<!DOCTYPE html>
<html class="reftest-wait">
<link rel="help" href="https://crbug.com/1273431">
<link rel="match" href="position-absolute-under-non-containing-stacking-context-ref.html">
<script src="/common/rendering-utils.js"></script>
<script src="/common/reftest-wait.js"></script>
<div id="scroller" style="width:200px; height: 200px; overflow: auto; position: relative">
  <div style="height: 0; overflow: hidden; opacity: 0.5; margin: 250px">
    <div style="width: 100px; height: 100px; position: absolute; background: green"></div>
  </div>
</div>
<script>
waitForAtLeastOneFrame().then(() => {
  scroller.scrollTo(200, 200);
  takeScreenshot();
});
</script>

/css/css-position/position-absolute-under-non-containing-stacking-context-ref.html

<!DOCTYPE html>
<div id="scroller" style="width: 200px; height: 200px; overflow: auto">
  <div style="height: 0; opacity: 0.5; margin: 250px">
    <div style="width: 100px; height: 100px; background: green"></div>
  </div>
</div>
<script>
scroller.scrollTo(200, 200);
</script>