| <!DOCTYPE html> |
| <style> |
| img { |
| box-sizing: border-box; |
| width: 100px; |
| } |
| #tst { |
| padding: 30px; |
| } |
| </style> |
| <p>crbug.com/597194: There should be two blue boxes of equal size below.</p> |
| <img id="tst" 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>'> |
| <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>'> |
| <script src="../../../resources/run-after-layout-and-paint.js"></script> |
| <script> |
| runAfterLayoutAndPaint(function() { |
| document.getElementById('tst').style.padding = "0"; |
| }, true); |
| </script> |
| |