Chromium Code Reviews Chromium Code Reviews
Issue 1274073002:
Apply custom scrollbar styles to the frame with root layer scrolling. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master| Index: LayoutTests/fast/scrolling/custom-scrollbar-for-root-layer-scrolls.html |
| diff --git a/LayoutTests/fast/scrolling/custom-scrollbar-for-root-layer-scrolls.html b/LayoutTests/fast/scrolling/custom-scrollbar-for-root-layer-scrolls.html |
| new file mode 100644 |
| index 0000000000000000000000000000000000000000..e67853d59d240bfcb3e83207a40e7960cee1d215 |
| --- /dev/null |
| +++ b/LayoutTests/fast/scrolling/custom-scrollbar-for-root-layer-scrolls.html |
| @@ -0,0 +1,38 @@ |
| +<!DOCTYPE HTML> |
| +<script src="../../resources/js-test.js"></script> |
| +<style> |
| +::-webkit-scrollbar { |
| + width: 250px; |
| + height: 250px; |
| +} |
| +::-webkit-scrollbar-track { |
| + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); |
| + -webkit-border-radius: 10px; |
| + border-radius: 10px; |
| +} |
| +::-webkit-scrollbar-thumb { |
| + -webkit-border-radius: 1px; |
| + background: rgba(255,0,0,0.8); |
| + -webkit-box-shadow: inset 0 0 1px rgba(255,250,0,0.5); |
| +} |
| +#fill { |
| + background-color: #ccd; |
| + left: 0; |
| + top: 0; |
| + right: 0; |
| + bottom: 0; |
| + position: absolute; |
| +} |
| +#space { |
| + width: 1000px; |
| + height: 1000px; |
| +} |
| +</style> |
| +<div id="fill"></div> |
| +<div id="space"></div> |
| +<script> |
| + var fill = document.querySelector("#fill"); |
| + description("Tests that Styles are applied to custom scrollbar on --root-layer-scrolls."); |
|
skobes
2015/08/12 01:59:25
The test will run in virtual/rootlayerscrolls, but
MuVen
2015/08/12 07:15:09
Done.
|
| + shouldBe("fill.clientWidth", "550"); |
| + shouldBe("fill.clientHeight", "350"); |
| +</script> |
