<!DOCTYPE html>
<style>
#target {
text-decoration: underline;
}
</style>
<p id=target>This text should have under-positioned underline.</p>
<script>
if (window.testRunner)
testRunner.waitUntilDone();
window.onload = function () {
document.body.offsetTop; /* force layout */
/* Theoretically setting style can reproduce the issue, but neither setting
immediately nor requestAnimationFrame() work, so use setTimeout(). */
setTimeout(function () {
target.style.textUnderlinePosition = 'under';
if (window.testRunner)
testRunner.notifyDone();
}, 10);
};
</script>