| commit-queue@webkit.org | c4c075b | 2014-04-17 08:42:53 +0000 | [diff] [blame] | 1 | <!DOCTYPE HTML> |
| rosca@adobe.com | 3f0f0ba | 2014-07-21 08:26:37 +0000 | [diff] [blame] | 2 | <head> |
| 3 | <!-- This test will check if the isolation flag is properly computed when we set another element to be the isolating stacking context. --> |
| 4 | <link rel="stylesheet" href="resources/blending-style.css"> |
| 5 | <style> |
| 6 | div { |
| 7 | /* This forces render layers, avoiding normal flow only issues */ |
| 8 | position: relative; |
| 9 | } |
| 10 | </style> |
| 11 | </head> |
| 12 | <body> |
| 13 | <div class="isolating lime box"> |
| 14 | <div id="target" class="yellow box" style="left: 50px;"> |
| 15 | <div class="box"> |
| 16 | <div class="fuchsia box difference" style="left:-25px;"></div> |
| commit-queue@webkit.org | c4c075b | 2014-04-17 08:42:53 +0000 | [diff] [blame] | 17 | </div> |
| 18 | </div> |
| rosca@adobe.com | 3f0f0ba | 2014-07-21 08:26:37 +0000 | [diff] [blame] | 19 | </div> |
| 20 | <script type="text/javascript"> |
| 21 | if (window.testRunner) |
| 22 | window.testRunner.waitUntilDone(); |
| 23 | |
| 24 | function change() { |
| 25 | var target = document.getElementById("target"); |
| 26 | target.className = "isolating yellow box"; |
| 27 | |
| commit-queue@webkit.org | c4c075b | 2014-04-17 08:42:53 +0000 | [diff] [blame] | 28 | if (window.testRunner) |
| rosca@adobe.com | 3f0f0ba | 2014-07-21 08:26:37 +0000 | [diff] [blame] | 29 | window.testRunner.notifyDone(); |
| 30 | } |
| commit-queue@webkit.org | c4c075b | 2014-04-17 08:42:53 +0000 | [diff] [blame] | 31 | |
| rosca@adobe.com | 3f0f0ba | 2014-07-21 08:26:37 +0000 | [diff] [blame] | 32 | window.setTimeout("change()", 10); |
| 33 | </script> |
| 34 | </body> |
