haikuwebkit/LayoutTests/fast/block/line-layout/selection-highlight-overlap...

12 lines
474 B
HTML

<style>
body { font-size: 64px; font-family: ahem; color: transparent; }
div { outline: 1px dashed green; }
div::selection { background-color: rgba(0, 0, 255, .4); }
</style>
<div id="start" style="line-height: 30px;">queue theory</div>
<div>problem</div>
<div id="end" style="margin-top: -10px;">information</div>
<script>
getSelection().setBaseAndExtent(document.getElementById("start").firstChild, 2, document.getElementById("end").firstChild, 4);
</script>