<!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>