third_party/WebKit/LayoutTests/fast/borders/overflow-hidden-border-radius-force-backing-store.html - Issue 2196363002: Modify LayoutTests to prep for compositing solid background scollers

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/fast/borders/overflow-hidden-border-radius-force-backing-store.html

Issue 2196363002: Modify LayoutTests to prep for compositing solid background scollers (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Revert change to fixed-position-in-fixed-overflow.html Created 4 years, 4 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

« third_party/WebKit/LayoutTests/compositing/layer-creation/fixed-position-nonscrollable-body-mismatch-containers.html ('K') | « third_party/WebKit/LayoutTests/compositing/overflow/clear-scroll-parent.html ('k') | third_party/WebKit/LayoutTests/fast/borders/overflow-hidden-border-radius-force-backing-store-expected.txt » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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

2 <html>	2 <html>

3 <head>	3 <head>

4 <style>	4 <style>

5	5

6 #outer {	6 #outer {

7 position: absolute;	7 position: absolute;

8 z-index: 1;	8 z-index: 1;

9 top: 50px;	9 top: 50px;

10 left: 50px;	10 left: 50px;

11 width: 300px;	11 width: 300px;

12 height: 300px;	12 height: 300px;

13 border-radius: 80px;	13 border-radius: 80px;

14 overflow: hidden;	14 overflow: hidden;

15 }	15 }

16	16

17 #inner {	17 #inner {

18 width: 300px;	18 width: 300px;

19 height: 300px;	19 height: 300px;

20 overflow: auto;	20 overflow: auto;

21 background-color: lime;

22 }	21 }

23	22

24 #content {	23 #content {

25 height: 1000px;	24 height: 1000px;

26 transform: translatez(0);	25 transform: translatez(0);

	26 background-image: linear-gradient(to bottom,red,orange,yellow, green, blue,i ndigo,violet);
	flackr 2016/08/03 21:11:43 and this one? and this one?
27 }	27 }

28	28

29 </style>	29 </style>

30	30

31 <script type="text/javascript">	31 <script type="text/javascript">

32 if (window.testRunner)	32 if (window.testRunner)

33 window.testRunner.dumpAsText();	33 window.testRunner.dumpAsText();

34	34

35 function runTest()	35 function runTest()

36 {	36 {

(...skipping 13 matching lines...) Expand all Loading...
50 <div id="inner">	50 <div id="inner">

51 <div id="content">	51 <div id="content">

52 </div>	52 </div>

53 </div>	53 </div>

54 </div>	54 </div>

55	55

56 <pre id="layers">Layer tree appears here in DRT.</pre>	56 <pre id="layers">Layer tree appears here in DRT.</pre>

57	57

58 </body>	58 </body>

59 </html>	59 </html>

OLD	NEW