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