blob: b74cc68be9f719e52776602ec83ae42a056b5a7c [file] [log] [blame]
<!DOCTYPE html>
<html>
<head>
<title>This tests that there's no overlapping line between the selection gap and inlines when selected.</title>
<style>
body {
margin: 0px;
color: rgba(255, 255, 255, 0);
font-size: 26px;
font-family: 'Ahem';
}
::selection {
background: rgba(255, 0, 0, 0.9);
}
</style>
</head>
<body>
<div id="container">foo</div>
bar
<script>
var range = document.createRange();
range.selectNode(document.getElementById("container"));
window.getSelection().addRange(range);
</script>
</body>
</html>