<!DOCTYPE html> | |
<style> | |
.container { | |
position: absolute; | |
width: 100px; | |
} | |
.focus { | |
outline: -webkit-focus-ring-color auto 5px; | |
} | |
.sub { | |
margin-top: 50px; | |
width: 100px; | |
height: 100px; | |
background-color: green; | |
} | |
</style> | |
Should ignore empty rects when drawing focus ring. Passes if there is only a single focus ring around the green square. | |
<div class="container"> | |
<span class="focus"> | |
<div class="sub"></div> | |
</span> | |
</div> |