Index: LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html |
diff --git a/LayoutTests/scrollbars/custom-scrollbar-changing-style.html b/LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html |
similarity index 50% |
copy from LayoutTests/scrollbars/custom-scrollbar-changing-style.html |
copy to LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html |
index 71b0a622b752c7185abc49327404ca244df5f403..0d54a72ad863f4c8554b8f5fb905c7c608bd3e43 100644 |
--- a/LayoutTests/scrollbars/custom-scrollbar-changing-style.html |
+++ b/LayoutTests/fast/scrolling/custom-scrollbar-style-applied-with-overflow-attribute.html |
@@ -1,18 +1,28 @@ |
-<!DOCTYPE html> |
+<!DOCTYPE HTML> |
<style> |
::-webkit-scrollbar { |
+ width: 10px; |
height: 10px; |
- width: 10px |
+} |
+::-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); |
+} |
+#space { |
+ width: 1000px; |
+ height: 1000px; |
} |
html { |
- overflow-y: scroll; |
+ overflow: scroll; |
} |
</style> |
-<div style="height:700px"></div> |
-<script src="../resources/run-after-layout-and-paint.js"></script> |
+<div id="space"></div> |
<script> |
var styleElement = document.createElement("style"); |
var sheet = document.head.appendChild(styleElement).sheet; |
@@ -22,7 +32,6 @@ function addRule(selector, css){ |
}).join(";"); |
sheet.insertRule(selector + "{" + propText + "}", sheet.cssRules.length); |
}; |
-runAfterLayoutAndPaint(function() { |
- addRule("::-webkit-scrollbar-thumb", {background: "rgba(13,53,178,0.8)",}); |
-}, true); |
+document.body.offsetTop; |
+addRule("::-webkit-scrollbar", {width: "100px",}); |
</script> |