1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000 1.2 +++ b/layout/reftests/border-radius/scrollbar-clamping-2-ref.html Wed Dec 31 06:09:35 2014 +0100 1.3 @@ -0,0 +1,34 @@ 1.4 +<!DOCTYPE HTML> 1.5 +<html dir="ltr"> 1.6 +<title>Test of reduction of border-radius for scrollbars (background drawing)</title> 1.7 +<style> 1.8 + 1.9 +.contain { height: 130px; position: relative } 1.10 + 1.11 +.test { 1.12 + position: absolute; 1.13 + top: 0; 1.14 + left: 0; 1.15 + /* border-width: 2px 4px 8px 10px; */ 1.16 + height: 110px; 1.17 + width: 214px; 1.18 + /* border-radius: 12px / 15px; */ 1.19 + background: blue; 1.20 +} 1.21 + 1.22 +</style> 1.23 + 1.24 +<div class="contain"> 1.25 + <!-- scrollbar along bottom --> 1.26 + <div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div> 1.27 +</div> 1.28 + 1.29 +<div class="contain"> 1.30 + <!-- scrollbar along right --> 1.31 + <div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div> 1.32 +</div> 1.33 + 1.34 +<div class="contain"> 1.35 + <!-- scrollbar along bottom and right --> 1.36 + <div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div> 1.37 +</div>