third_party/WebKit/LayoutTests/fast/css/outline-small-visual-overflow.html

   1 <!DOCTYPE html>
   2
   3 <p>
   4     This test ensures that CSS outlines (e.g. focus rings) are clipped, even if there is no other visual overflow.
   5     There should be no visible red pixels overlapping or overflowing the green box.
   6 </p>
   7
   8 <style>
   9     div.clip { display: inline-block; overflow: hidden; border: 2px solid green; }
  10     div.outline { display: inline-block; vertical-align: bottom; outline: red solid 5px; width: 100px; height:100px; }
  11 </style>
  12
  13 <div class="clip"><div class="outline"></div></div>