third_party/WebKit/LayoutTests/paint/invalidation/compositing/background-attachment-local-equivalent.html - Issue 2516303003: Revert of Only promote opaque scrollers which are stacking contexts.

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/paint/invalidation/compositing/background-attachment-local-equivalent.html

Issue 2516303003: Revert of Only promote opaque scrollers which are stacking contexts. (Closed)

Patch Set: Created 4 years ago

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

Jump to:

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

2 <style>	2 <style>

3 ::-webkit-scrollbar {	3 ::-webkit-scrollbar {

4 display: none;	4 display: none;

5 }	5 }

6 #container {	6 #container {

7 overflow: scroll;	7 overflow: scroll;

8 width: 400px;	8 width: 400px;

9 height: 400px;	9 height: 400px;

10	10

11 background-attachment: local;	11 background-attachment: local;

12 background-color: blue;	12 background-color: blue;

13 contain: paint;

14 }	13 }

15	14

16 #child {	15 #child {

17 height: 500px;	16 height: 500px;

18 }	17 }

19 </style>	18 </style>

20 <div id="container">	19 <div id="container">

21 <div id="child"></div>	20 <div id="child"></div>

22 </div>	21 </div>

23 <script src="../resources/text-based-repaint.js"></script>	22 <script src="../resources/text-based-repaint.js"></script>

24 <script>	23 <script>

25 function repaintTest() {	24 function repaintTest() {

26 child.style.height = '2000px';	25 child.style.height = '2000px';

27 container.scrollTop = 2000;	26 container.scrollTop = 2000;

28 }	27 }

29 onload = runRepaintAndPixelTest;	28 onload = runRepaintAndPixelTest;

30 </script>	29 </script>

OLD	NEW