| OLD | NEW |
|---|
| 1 <html xmlns="http://www.w3.org/1999/xhtml"> | 1 <html xmlns="http://www.w3.org/1999/xhtml"> |
| 2 <head> | 2 <head> |
| 3 <title>foreignObject is not an abs pos containing block</title> | 3 <title>foreignObject is not an abs pos containing block</title> |
| 4 <style type="text/css"> | 4 <style type="text/css"> |
| 5 html { padding: 8px; margin: 0; } | 5 html { padding: 8px; margin: 0; } |
| 6 body { margin: 0; padding: 0; } | 6 body { margin: 0; padding: 0; } |
| 7 div { width: 200px; height: 200px; } | 7 div { width: 200px; height: 200px; } |
| 8 .control { background: red; color: yellow; } | 8 .control { background: red; color: yellow; } |
| 9 .test { position: absolute; left: 8px; top: 8px; background: white; } | 9 .test { position: absolute; left: 8px; top: 8px; background: white; } |
| 10 </style> | 10 </style> |
| 11 </head> | 11 </head> |
| 12 <body> | 12 <body> |
| 13 <div class="control">FAIL</div> | 13 <div class="control">FAIL</div> |
| 14 <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200"> | 14 <svg style="overflow: visible" xmlns="http://www.w3.org/2000/svg" width="200"
height="200"> |
| 15 <circle cx="100" cy="100" r="50" fill="green"/> | 15 <circle cx="100" cy="100" r="50" fill="green"/> |
| 16 <foreignObject x="0" y="0" width="200" height="200"> | 16 <foreignObject x="0" y="0" width="200" height="200"> |
| 17 <div xmlns="http://www.w3.org/1999/xhtml" class="test"> There should be a gr
een circle below with no red on this page. </div> | 17 <div xmlns="http://www.w3.org/1999/xhtml" class="test"> There should be a gr
een circle below with no red on this page. </div> |
| 18 </foreignObject> | 18 </foreignObject> |
| 19 </svg> | 19 </svg> |
| 20 </body> | 20 </body> |
| 21 </html> | 21 </html> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2671853003:
[SPInvalidation] Use GeometryMapper in PaintLayerClipper for paint. (Closed)
