49 lines
906 B
HTML
49 lines
906 B
HTML
<!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>
|