| <!doctype html> |
| <head> |
| <style> |
| span { |
| /* Must be inline to cause a continuation chain */ |
| display: inline; |
| } |
| |
| span:before, |
| span:after { |
| /* Not requireed for the test, just makes it easier to see what's going on */ |
| display: inline-block; |
| padding: 5px; |
| margin: 5px; |
| border: 1px solid red; |
| } |
| |
| span:before { |
| content: "A"; |
| } |
| |
| span:after { |
| /* This content will get incorrectly repeated in the continuation */ |
| content: "B"; |
| } |
| </style> |
| </head> |
| <script> |
| if (window.testRunner) |
| testRunner.waitUntilDone(); |
| |
| function runTest() { |
| setTimeout(function() { |
| // Cause a style recalc. |
| document.querySelector('span').style.fontFamily = 'Arial'; |
| if (window.testRunner) |
| testRunner.notifyDone(); |
| }, 10); |
| }; |
| </script> |
| |
| <body onload="runTest()"> |
| |
| <!-- [bug 93170] http://bugs.webkit.org/show_bug.cgi?id=91370 --> |
| <!-- If test passes, you should see A A A B B B. --> |
| |
| <span> |
| <span> |
| <span> |
| <div></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| <div></div> |
| </span> |
| </span> |
| </span> |
| </body> |
