<!DOCTYPE html>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest()
{
document.querySelector('#outer').focus();
}
onload = runRepaintTest;
</script>
<style>
body { height: 200px; }
#container { position: absolute; }
p, #inner { height: 20px; }
</style>
<p>
This test is verifying that when the focus is added to an element we
correctly invalidate continuations and display the focus ring.
</p>
<p>
If this test passes, you should see a focus ring.
</p>
<div id="container">
<span id="outer" tabindex="1">
<div id="inner">CONTENTS</div>
</span>
</div>