restyle-inside-first-line.html

Enable keyboard shortcuts

<!DOCTYPE html>

<title>Test for bug 945105: direct restyling of element inside of a ::first-line that extends to the next line</title>

<style>

body { background-color: white; color: black; width: 400px; height: 400px; }

div::first-line { color: purple; }

</style>

<div style="width: 0"><span id="x" style="visibility: hidden">This is some text</span></div>

<script>

document.body.firstChild.offsetWidth;

document.getElementById("x").style.visibility = "visible";

</script>