1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/border-radius/scrollbar-clamping-1-ref.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,47 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html dir="ltr">
1.6 +<title>Test of reduction of border-radius for scrollbars (border 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: 100px;
1.17 + width: 200px;
1.18 + /* border-radius: 12px / 15px; */
1.19 + border: medium solid blue;
1.20 + border-width: 2px 4px 8px 10px;
1.21 +}
1.22 +
1.23 +.cover {
1.24 + position: absolute;
1.25 + width: 200px;
1.26 + height: 100px;
1.27 + top: 2px;
1.28 + left: 10px;
1.29 + background: blue;
1.30 +}
1.31 +
1.32 +</style>
1.33 +
1.34 +<div class="contain">
1.35 + <!-- scrollbar along bottom -->
1.36 + <div class="test" id="x" style="border-radius: 12px 12px 6.4px 10px / 15px 15px 8px 12.5px"></div>
1.37 + <div class="cover" style="border-top-right-radius: 5px"></div>
1.38 +</div>
1.39 +
1.40 +<div class="contain">
1.41 + <!-- scrollbar along right -->
1.42 + <div class="test" id="y" style="border-radius: 12px 4px 6.4px 12px / 15px 5px 8px 15px"></div>
1.43 + <div class="cover"></div>
1.44 +</div>
1.45 +
1.46 +<div class="contain">
1.47 + <!-- scrollbar along bottom and right -->
1.48 + <div class="test" id="xy" style="border-radius: 12px 4px 6.4px 10px / 15px 5px 8px 12.5px"></div>
1.49 + <div class="cover"></div>
1.50 +</div>
