| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <style> | 2 <style> |
| 3 img { | 3 img { |
| 4 box-sizing: border-box; | 4 box-sizing: border-box; |
| 5 width: 100px; | 5 width: 100px; |
| 6 } | 6 } |
| 7 #tst { | 7 #tst { |
| 8 padding: 30px; | 8 padding: 30px; |
| 9 } | 9 } |
| 10 </style> | 10 </style> |
| 11 <p>crbug.com/597194: There should be two blue boxes of equal size below.</p> | 11 <p>crbug.com/597194: There should be two blue boxes of equal size below.</p> |
| 12 <img id="tst" src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" vi
ewBox="0 0 1 1"><rect width="1" height="1" fill="blue"/></svg>'> | 12 <img id="tst" src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" vi
ewBox="0 0 1 1"><rect width="1" height="1" fill="blue"/></svg>'> |
| 13 <img src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
0 1 1"><rect width="1" height="1" fill="blue"/></svg>'> | 13 <img src='data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0
0 1 1"><rect width="1" height="1" fill="blue"/></svg>'> |
| 14 <script src="../../resources/run-after-layout-and-paint.js"></script> | 14 <script src="../../fast/../resources/run-after-layout-and-paint.js"></script> |
| 15 <script> | 15 <script> |
| 16 runAfterLayoutAndPaint(function() { | 16 runAfterLayoutAndPaint(function() { |
| 17 document.getElementById('tst').style.padding = "0"; | 17 document.getElementById('tst').style.padding = "0"; |
| 18 }, true); | 18 }, true); |
| 19 </script> | 19 </script> |
| 20 | 20 |
| OLD | NEW |