| <!doctype html> |
| <html> |
| <head> |
| <style> |
| ul { |
| display:inline; |
| } |
| ul.closed * { |
| display:none; |
| } |
| ul::before { |
| content: 'before'; |
| } |
| ul::after { |
| content: 'after'; |
| } |
| </style> |
| <script> |
| function toggle(ul) { |
| if (ul.className !== 'closed') { |
| ul.className = 'closed'; |
| } else { |
| ul.className = ''; |
| } |
| document.body.offsetLeft; |
| } |
| |
| function runTest() { |
| var button = document.getElementById("toggle"); |
| var ul = document.querySelectorAll('ul')[0]; |
| toggle(ul); |
| toggle(ul); |
| toggle(ul); |
| toggle(ul); |
| toggle(ul); |
| toggle(ul); |
| toggle(ul); |
| toggle(ul); |
| } |
| </script> |
| </head> |
| <body onload="runTest()"> |
| <!-- [bug 93170] http://bugs.webkit.org/show_bug.cgi?id=91370 --> |
| <!-- Dynamically apply / not apply :after to inline elements. --> |
| <!-- If test passes, only 1 'before' and 1 'after' are shown. --> |
| <ul><li>1</li><li>2</li><li>3</li></ul> |
| </body> |
| </html> |
