<!DOCTYPE html>
<meta charset=utf8>
<p>crbug.com/667245: Overflow on text beside a form element should get repainted. When clicking on the checkbox there should be no artefact's left from the black rectangle and it should stay the same size (with the bug a row of pixels at the top and bottom were getting lost).</p>
<div id="test" style="font-size: 35px;">
    <input type="checkbox" id="checkbox" checked=true onclick="toggle();"> █
</div>
<script>
function toggle()
{
    var node = document.getElementById("test");
    node.style.color == 'rgb(255, 255, 255)' ? node.style.color = 'rgb(0, 0, 0)' : node.style.color = 'rgb(255, 255, 255)';
}
</script>