| Index: LayoutTests/scrollbars/custom-scrollbar-for-iframe-changing-dynamically.html
|
| diff --git a/LayoutTests/scrollbars/custom-scrollbar-for-iframe-changing-dynamically.html b/LayoutTests/scrollbars/custom-scrollbar-for-iframe-changing-dynamically.html
|
| new file mode 100644
|
| index 0000000000000000000000000000000000000000..e69ca1110fed9352012e0647bc6c812f2b7e51b5
|
| --- /dev/null
|
| +++ b/LayoutTests/scrollbars/custom-scrollbar-for-iframe-changing-dynamically.html
|
| @@ -0,0 +1,44 @@
|
| +<!DOCTYPE HTML>
|
| +<style>
|
| +/* Let's get this party started */
|
| +::-webkit-scrollbar {
|
| + width: 10px;
|
| + height: 10px;
|
| +}
|
| +
|
| +/* Track */
|
| +::-webkit-scrollbar-track {
|
| + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
|
| + -webkit-border-radius: 10px;
|
| + border-radius: 10px;
|
| +}
|
| +
|
| +/* Handle */
|
| +::-webkit-scrollbar-thumb {
|
| + -webkit-border-radius: 10px;
|
| + border-radius: 10px;
|
| + background: rgba(255,0,0,0.8);
|
| + -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
|
| +}
|
| +
|
| +</style>
|
| +<iframe src="resources/scrollable-iframe.html"></iframe>
|
| +<iframe src="resources/scrollable-iframe.html"></iframe>
|
| +<script>
|
| +if (window.testRunner)
|
| + testRunner.waitUntilDone();
|
| +var styleElement = document.createElement("style");
|
| +var sheet = document.head.appendChild(styleElement).sheet;
|
| +function addStyle() {
|
| +function addRule(selector, css){
|
| + var propText = Object.keys(css).map(function(p){
|
| + return p+":"+css[p]
|
| + }).join(";");
|
| + sheet.insertRule(selector + "{" + propText + "}", sheet.cssRules.length);
|
| +};
|
| +addRule("::-webkit-scrollbar", {width: "20px",height: "25px"});
|
| +if (window.testRunner)
|
| + testRunner.notifyDone();
|
| +}
|
| +setTimeout(function(){ addStyle(); }, 100);
|
| +</script>
|
|
|
Chromium Code Reviews
Issue 774953003:
CustomScrollbar Style not updated for IFrame. (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master