overlapped-positioned-and-will-change-transform-descendant.html (754B)
1 <!doctype html> 2 <title>fO with positioned descendants overlapping a fO with 'will-change: transform' child</title> 3 <link rel="match" href="../../struct/reftests/reference/green-100x100.html"> 4 <style> 5 #outer { 6 position: relative; 7 width: 50px; 8 margin: 0 25px; 9 background-color: red; 10 } 11 #inner { 12 position: relative; 13 width: 50px; 14 height: 100px; 15 background-color: green; 16 } 17 #willtransform { 18 will-change: transform; 19 width: 100px; 20 height: 100px; 21 background-color: green; 22 } 23 </style> 24 <svg> 25 <foreignObject width="100" height="100"> 26 <div id="willtransform"></div> 27 </foreignObject> 28 <foreignObject width="100" height="100"> 29 <div id="outer"><div id="inner"></div></div> 30 </foreignObject> 31 </svg>