Index: LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-scrollablearea.html |
diff --git a/LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-scrollablearea.html b/LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-scrollablearea.html |
new file mode 100644 |
index 0000000000000000000000000000000000000000..8bd52aa12873e4e2295e1a81ddcf4bcf8911bc7b |
--- /dev/null |
+++ b/LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-scrollablearea.html |
@@ -0,0 +1,39 @@ |
+<!DOCTYPE html> |
+<style> |
+::-webkit-scrollbar { |
+ width: 10px |
+} |
+::-webkit-scrollbar-thumb { |
+ background: rgba(255,0,0,0.8); |
+} |
+div { |
+ overflow-y: scroll; |
+} |
+</style> |
+<div style="height:300px;width:300px"> |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+The quick brown fox jumps over the lazy dog The quick brown fox jumps over the lazy dog |
+</div> |
+<script> |
+var styleElement = document.createElement("style"); |
+var sheet = document.head.appendChild(styleElement).sheet; |
+function addRule(selector, css){ |
+ var propText = Object.keys(css).map(function(p){ |
+ return p+":"+css[p] |
+ }).join(";"); |
+ sheet.insertRule(selector + "{" + propText + "}", sheet.cssRules.length); |
+}; |
+document.body.offsetTop; |
+addRule("::-webkit-scrollbar", {width: "200px",}); |
+if (window.testRunner) |
+ testRunner.dumpAsTextWithPixelResults(); |
+</script> |