<!DOCTYPE html>
<html>
<head>
<style>
.editing {
    font-family: 'Times New Roman';
    font-size: 36px;
}
</style>
</head>
<body>
<div>There should be no misspelling dots visible below (because they're covered up by a div)</div>
<div contenteditable="" id="root" class="editing">wafewerewdfea&nbsp;<span id="test"></span><div style="background-color: black; width: 1px; height: 150px; display: inline-block; background-position: initial initial; background-repeat: initial initial;"></div></div>
<script>
    runEditingTest();
</script><div style="background-color: black; position: absolute; left: 8px; top: 179.9726px; width: 237px; height: 4.7689200000000005px; background-position: initial initial; background-repeat: initial initial;"></div>
</body>
</html>