| OLD | NEW |
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <html> | 2 <html> |
| 3 <head> | 3 <head> |
| 4 <script src="../resources/subpixel-utils.js"></script> | 4 <script src="../resources/subpixel-utils.js"></script> |
| 5 <script> | 5 <script> |
| 6 if (window.internals) | 6 if (window.internals) |
| 7 window.internals.settings.setCSSExclusionsEnabled(true); | 7 window.internals.settings.setCSSExclusionsEnabled(true); |
| 8 </script> | 8 </script> |
| 9 <!-- | 9 <!-- |
| 10 In this test the shape-inside shape is a rounded rectangle configured as a circl
e with radius of 100px. | 10 In this test the shape-inside shape is a rounded rectangle configured as a circl
e with radius of 100px. |
| (...skipping 29 matching lines...) Expand all Loading... |
| 40 width: 200px; | 40 width: 200px; |
| 41 height: 200px; | 41 height: 200px; |
| 42 font: 141.421356px/1 Ahem, sans-serif; | 42 font: 141.421356px/1 Ahem, sans-serif; |
| 43 color: green; | 43 color: green; |
| 44 } | 44 } |
| 45 </style> | 45 </style> |
| 46 </head> | 46 </head> |
| 47 <body onload="init()"> | 47 <body onload="init()"> |
| 48 <script> | 48 <script> |
| 49 function init() { | 49 function init() { |
| 50 if (!SubPixelLayout.isSubPixelLayoutEnabled()) | 50 if (!SubPixelLayout.isEnabled()) |
| 51 document.getElementById("shape-inside").style.top = "30px"; | 51 document.getElementById("shape-inside").style.top = "30px"; |
| 52 } | 52 } |
| 53 </script> | 53 </script> |
| 54 <p>The green rectangle should appear within the grey circle.</p> | 54 <p>The green rectangle should appear within the grey circle.</p> |
| 55 <div id="shape-container"> | 55 <div id="shape-container"> |
| 56 <div id="shape-background"></div> | 56 <div id="shape-background"></div> |
| 57 <div id="shape-inside">X</div> | 57 <div id="shape-inside">X</div> |
| 58 </div> | 58 </div> |
| 59 </body> | 59 </body> |
| 60 </html> | 60 </html> |
| OLD | NEW |