Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(122)

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-div-body-scrollablearea.html

Issue 708283002: RLSA needsLayout on customscrollbar thickness change. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: addressed review comments Created 6 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-body-scrollablearea-expected.html ('k') | LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-div-body-scrollablearea-expected.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 <style>
2 html {
3 overflow: auto;
4 }
5 body {
6 position: absolute;
7 top: 20px;
8 left: 20px;
9 bottom: 20px;
10 right: 20px;
11 padding: 30px;
12 overflow-y: scroll;
13 overflow-x: scroll;
14 }
15 ::-webkit-scrollbar {
16 width: 12px;
17 height: 12px;
18 }
19 ::-webkit-scrollbar-track {
20 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
21 -webkit-border-radius: 10px;
22 border-radius: 10px;
23 }
24 ::-webkit-scrollbar-thumb {
25 -webkit-border-radius: 10px;
26 border-radius: 10px;
27 background: rgba(255,0,0,0.8);
28 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
29 }
30 ::-webkit-scrollbar-thumb:window-inactive {
31 background: rgba(255,0,0,0.4);
32 }
33 div {
34 width: 110px;
35 height: 110px;
36 border: thin solid black;
37 overflow-x: scroll;
38 overflow-y: scroll;
39 }
40 </style>
41 <body>
42 <div>
43 <p style="width:140px">
44 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
45 </p>
46 </div>
47 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
48 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
49 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
50 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
51 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
52 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
53 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
54 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
55 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
56 Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac tu rpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vi tae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorpe r pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit ame t, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum or ci, sagittis tempus lacus enim ac dui. Donec non enim in turpis pulvinar facilis is. Ut felis. Praesent dapibus, neque id cursus faucibus, tortor neque egestas a ugue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincid unt quis, accumsan porttitor, facilisis luctus, metus
57 </body>
58 <script>
59 var styleElement = document.createElement("style");
60 var sheet = document.head.appendChild(styleElement).sheet;
61 function addRule(selector, css){
62 var propText = Object.keys(css).map(function(p){
63 return p+":"+css[p]
64 }).join(";");
65 sheet.insertRule(selector + "{" + propText + "}", sheet.cssRules.length);
66 };
67 document.body.offsetTop;
68 addRule("::-webkit-scrollbar", {width: "40px",height: "40px"});
69 if (window.testRunner)
70 testRunner.dumpAsTextWithPixelResults();
71 </script>
OLDNEW
« no previous file with comments | « LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-body-scrollablearea-expected.html ('k') | LayoutTests/scrollbars/custom-scrollbar-changing-style-relayout-div-body-scrollablearea-expected.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698