third_party/WebKit/LayoutTests/css3/flexbox/scrollbars-auto-expected.html - Issue 1930183002: Refactor scroll updates during flexbox layout.

Side by Side Diff

Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.

Keyboard Shortcuts

	File
u :	up to issue
j / k :	jump to file after / before current file
J / K :	jump to next file with a comment after / before current file
	Side-by-side diff
i :	toggle intra-line diffs
e :	expand all comments
c :	collapse all comments
s :	toggle showing all comments
n / p :	next / previous diff chunk or comment
N / P :	next / previous comment
<Up> / <Down> :	next / previous line

	Issue
u :	up to list of issues
j / k :	jump to patch after / before current patch
o / <Enter> :	open current patch in side-by-side view
i :	open current patch in unified diff view

	Issue List
j / k :	jump to issue after / before current issue
o / <Enter> :	open current issue

Side by Side Diff: third_party/WebKit/LayoutTests/css3/flexbox/scrollbars-auto-expected.html

Issue 1930183002: Refactor scroll updates during flexbox layout. (Closed) Base URL: https://chromium.googlesource.com/chromium/src@rtl-scroll-origin

Patch Set: nits Created 4 years, 6 months 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

OLD	NEW
1 <!DOCTYPE html>	1 <!DOCTYPE html>

2 <script src="resources/scrollbars.js"></script>	2 <script src="resources/scrollbars.js"></script>

3 <style>	3 <style>

4 .horizontal-header {	4 .horizontal-header {

5 width: 120px;	5 width: 120px;

6 }	6 }

7 .vertical-header {	7 .vertical-header {

8 width: 60px;	8 width: 60px;

9 }	9 }

10 .container-row {	10 .container-row {

(...skipping 16 matching lines...) Expand all Loading...
27 writing-mode: horizontal-tb;	27 writing-mode: horizontal-tb;

28 }	28 }

29 .flipped-blocks {	29 .flipped-blocks {

30 writing-mode: vertical-rl;	30 writing-mode: vertical-rl;

31 }	31 }

32 .flipped-lines {	32 .flipped-lines {

33 writing-mode: vertical-lr;	33 writing-mode: vertical-lr;

34 }	34 }

35 .flex {	35 .flex {

36 border: 2px solid red;	36 border: 2px solid red;

37 overflow: scroll;	37 overflow: auto;

38 max-width: 100px;	38 max-width: 100px;

39 max-height: 100px;	39 max-height: 100px;

40 white-space: nowrap;	40 white-space: nowrap;

41 font-size: 0;	41 font-size: 0;

42 }	42 }

43 .row > div, .row-reverse > div {	43 .row > div, .row-reverse > div {

44 display: inline-flex;	44 display: inline-flex;

45 margin: 3px;	45 margin: 3px;

46 }	46 }

47 .column > div, .column-reverse > div {	47 .column > div, .column-reverse > div {

(...skipping 120 matching lines...) Expand 10 before \| Expand all \| Expand 10 after Loading...
168 for (var i = 0; i < nodes.length; i++) {	168 for (var i = 0; i < nodes.length; i++) {

169 nodes[i].scrollLeft = 10000;	169 nodes[i].scrollLeft = 10000;

170 nodes[i].scrollTop = 10000;	170 nodes[i].scrollTop = 10000;

171 }	171 }

172 nodes = document.querySelectorAll(".flipped-blocks > .column-reverse");	172 nodes = document.querySelectorAll(".flipped-blocks > .column-reverse");

173 for (var i = 0; i < nodes.length; i++) {	173 for (var i = 0; i < nodes.length; i++) {

174 nodes[i].scrollLeft = 0;	174 nodes[i].scrollLeft = 0;

175 nodes[i].scrollTop = 0;	175 nodes[i].scrollTop = 0;

176 }	176 }

177 </script>	177 </script>

OLD	NEW