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

Issues Search
    My Issues | Starred     Open | Closed | All

Side by Side Diff: LayoutTests/fast/css/invalidation/scrollbar-pseudo.html

Issue 663313004: Avoid sub-tree style recalc for ::-webkit-resizer. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@resize-inherit-20141021
Patch Set: Rebased 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 | « no previous file | LayoutTests/fast/css/invalidation/scrollbar-pseudo-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <script src="../../../resources/js-test.js"></script> 2 <script src="../../../resources/js-test.js"></script>
3 <style> 3 <style>
4 .scroller::-webkit-scrollbar { 4 .scroller::-webkit-scrollbar {
5 height: 5px; 5 height: 5px;
6 } 6 }
7 7
8 .scroller { 8 .scroller {
9 width: 200px; 9 width: 200px;
10 height: 10px; 10 height: 10px;
11 overflow-x: scroll; 11 overflow-x: scroll;
12 } 12 }
13 13
14 .scroller > div { 14 .scroller > div {
15 width: 400px; 15 width: 400px;
16 } 16 }
17 17
18 .t1 .scroller::-webkit-scrollbar, 18 .t1 .scroller::-webkit-scrollbar,
19 .t2 + .scroller::-webkit-scrollbar, 19 .t2 + .scroller::-webkit-scrollbar,
20 .t3 .scroller::-webkit-scrollbar-button, 20 .t3 .scroller::-webkit-scrollbar-button,
21 .t4 + .scroller::-webkit-scrollbar-button, 21 .t4 + .scroller::-webkit-scrollbar-button,
22 .t5 .scroller::-webkit-scrollbar-corner, 22 .t5 .scroller::-webkit-scrollbar-corner,
23 .t6 + .scroller::-webkit-scrollbar-corner, 23 .t6 + .scroller::-webkit-scrollbar-corner,
24 .t7 .scroller::-webkit-scrollbar-thumb, 24 .t7 .scroller::-webkit-scrollbar-thumb,
25 .t8 + .scroller::-webkit-scrollbar-thumb, 25 .t8 + .scroller::-webkit-scrollbar-thumb,
26 .t9 .scroller::-webkit-scrollbar-track, 26 .t9 .scroller::-webkit-scrollbar-track,
27 .t10 + .scroller::-webkit-scrollbar-track, 27 .t10 + .scroller::-webkit-scrollbar-track,
28 .t11 .scroller::-webkit-scrollbar-track-piece, 28 .t11 .scroller::-webkit-scrollbar-track-piece,
29 .t12 + .scroller::-webkit-scrollbar-track-piece { 29 .t12 + .scroller::-webkit-scrollbar-track-piece,
30 .t13 .scroller::-webkit-resizer,
31 .t14 + .scroller::-webkit-resizer {
30 background-color: green; 32 background-color: green;
31 } 33 }
34
35 .t13 .scroller, .t14 + .scroller {
36 resize: both;
37 }
32 </style> 38 </style>
33 <div> 39 <div>
34 <div id="scrollerParent"> 40 <div id="scrollerParent">
35 <div> 41 <div>
36 <div id="scroller1" class="scroller"> 42 <div id="scroller1" class="scroller">
37 <div> 43 <div>
38 <span></span> 44 <span></span>
39 <span></span> 45 <span></span>
40 <span></span> 46 <span></span>
41 <span></span> 47 <span></span>
(...skipping 47 matching lines...) Expand 10 before | Expand all | Expand 10 after
89 // #scrollerSibling, #scroller2, the div child of #scroller2 and its 4 spans 95 // #scrollerSibling, #scroller2, the div child of #scroller2 and its 4 spans
90 // 96 //
91 // In addition there the pseudo element selectors add the following pseudo eleme nts 97 // In addition there the pseudo element selectors add the following pseudo eleme nts
92 // on the #scroller1 and #scroller2 elements: 98 // on the #scroller1 and #scroller2 elements:
93 // 99 //
94 // ::-webkit-scrollbar: 1 scrollbar pseudo element (in total 3 and 8) 100 // ::-webkit-scrollbar: 1 scrollbar pseudo element (in total 3 and 8)
95 // ::-webkit-scrollbar-button: 1 scrollbar + 4 buttons (in total 7 and 12) 101 // ::-webkit-scrollbar-button: 1 scrollbar + 4 buttons (in total 7 and 12)
96 // ::-webkit-scrollbar-corner: 1 scrollbar + 1 corner (in total 4 and 9) 102 // ::-webkit-scrollbar-corner: 1 scrollbar + 1 corner (in total 4 and 9)
97 // ::-webkit-scrollbar-thumb: 1 scrollbar + 1 thumb (in total 4 and 9) 103 // ::-webkit-scrollbar-thumb: 1 scrollbar + 1 thumb (in total 4 and 9)
98 // ::-webkit-scrollbar-track: 1 scrollbar + 1 track (in total 4 and 9) 104 // ::-webkit-scrollbar-track: 1 scrollbar + 1 track (in total 4 and 9)
99 // ::-webkit-scrollbar-track-piece: 1 scrollbar + 2 track pieces (in total 5 and 12) 105 // ::-webkit-scrollbar-track-piece: 1 scrollbar + 2 track pieces (in total 5 and 10)
106 // ::-webkit-resizer: 1 scrollbar + 1 resizer (in total 4 and 9)
100 107
101 testScrollbarPseudo("::-webkit-scrollbar", "scroller1", scrollerParent, "t1", 3) ; 108 testScrollbarPseudo("::-webkit-scrollbar", "scroller1", scrollerParent, "t1", 3) ;
102 testScrollbarPseudo("::-webkit-scrollbar", "scroller2", scrollerSibling, "t2", 8 ); 109 testScrollbarPseudo("::-webkit-scrollbar", "scroller2", scrollerSibling, "t2", 8 );
103 testScrollbarPseudo("::-webkit-scrollbar-button", "scroller1", scrollerParent, " t3", 7); 110 testScrollbarPseudo("::-webkit-scrollbar-button", "scroller1", scrollerParent, " t3", 7);
104 testScrollbarPseudo("::-webkit-scrollbar-button", "scroller2", scrollerSibling, "t4", 12); 111 testScrollbarPseudo("::-webkit-scrollbar-button", "scroller2", scrollerSibling, "t4", 12);
105 testScrollbarPseudo("::-webkit-scrollbar-corner", "scroller1", scrollerParent, " t5", 4); 112 testScrollbarPseudo("::-webkit-scrollbar-corner", "scroller1", scrollerParent, " t5", 4);
106 testScrollbarPseudo("::-webkit-scrollbar-corner", "scroller2", scrollerSibling, "t6", 9); 113 testScrollbarPseudo("::-webkit-scrollbar-corner", "scroller2", scrollerSibling, "t6", 9);
107 testScrollbarPseudo("::-webkit-scrollbar-thumb", "scroller1", scrollerParent, "t 7", 4); 114 testScrollbarPseudo("::-webkit-scrollbar-thumb", "scroller1", scrollerParent, "t 7", 4);
108 testScrollbarPseudo("::-webkit-scrollbar-thumb", "scroller2", scrollerSibling, " t8", 9); 115 testScrollbarPseudo("::-webkit-scrollbar-thumb", "scroller2", scrollerSibling, " t8", 9);
109 testScrollbarPseudo("::-webkit-scrollbar-track", "scroller1", scrollerParent, "t 9", 4); 116 testScrollbarPseudo("::-webkit-scrollbar-track", "scroller1", scrollerParent, "t 9", 4);
110 testScrollbarPseudo("::-webkit-scrollbar-track", "scroller2", scrollerSibling, " t10", 9); 117 testScrollbarPseudo("::-webkit-scrollbar-track", "scroller2", scrollerSibling, " t10", 9);
111 testScrollbarPseudo("::-webkit-scrollbar-track-piece", "scroller1", scrollerPare nt, "t11", 5); 118 testScrollbarPseudo("::-webkit-scrollbar-track-piece", "scroller1", scrollerPare nt, "t11", 5);
112 testScrollbarPseudo("::-webkit-scrollbar-track-piece", "scroller2", scrollerSibl ing, "t12", 10); 119 testScrollbarPseudo("::-webkit-scrollbar-track-piece", "scroller2", scrollerSibl ing, "t12", 10);
120 testScrollbarPseudo("::-webkit-resizer", "scroller1", scrollerParent, "t13", 4);
121 testScrollbarPseudo("::-webkit-resizer", "scroller2", scrollerSibling, "t14", 9) ;
113 </script> 122 </script>
OLDNEW
« no previous file with comments | « no previous file | LayoutTests/fast/css/invalidation/scrollbar-pseudo-expected.txt » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698