<!DOCTYPE html> | |
<html> | |
<head> | |
<title>This tests that we don't paint the sibling element's content over the floating element when the float's text decoration changes.</title> | |
<style> | |
.container { | |
width: 100px; | |
text-overflow: ellipsis; | |
overflow: hidden; | |
white-space: nowrap; | |
font-size: 10px; | |
} | |
.inner { | |
float: left; | |
} | |
</style> | |
</head> | |
<body> | |
<div class="container"><div class="inner"><span id=first>first</span></div><span>PASS if changing the text decoration style on 'first' does not introduce any text overlapping.</span></div> | |
<script> | |
if (window.testRunner) | |
testRunner.waitUntilDone(); | |
setTimeout(function() { | |
first.style.textDecoration = "underline"; | |
if (window.testRunner) | |
testRunner.notifyDone(); | |
}, 0); | |
</script> | |
</body> | |
</html> |