Blitz - WPT: overlapped-positioned-and-will-change-transform-descendant.html

wpt / svg / extensibility / foreignObject / overlapped-positioned-and-will-change-transform-descendant.html

/svg/extensibility/foreignObject/overlapped-positioned-and-will-change-transform-descendant.html

<!doctype html>
<title>fO with positioned descendants overlapping a fO with 'will-change: transform' child</title>
<link rel="match" href="../../struct/reftests/reference/green-100x100.html">
<style>
  #outer {
    position: relative;
    width: 50px;
    margin: 0 25px;
    background-color: red;
  }
  #inner {
    position: relative;
    width: 50px;
    height: 100px;
    background-color: green;
  }
  #willtransform {
    will-change: transform;
    width: 100px;
    height: 100px;
    background-color: green;
  }
</style>
<svg>
  <foreignObject width="100" height="100">
    <div id="willtransform"></div>
  </foreignObject>
  <foreignObject width="100" height="100">
    <div id="outer"><div id="inner"></div></div>
  </foreignObject>
</svg>

/svg/struct/reftests/reference/green-100x100.html

<!DOCTYPE html>
<div style="width: 100px; height: 100px; background-color: green"></div>