third_party/WebKit/LayoutTests/paint/invalidation/compositing/background-attachment-local-equivalent.html - Issue 2509203002: 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 2509203002: Only promote opaque scrollers which are stacking contexts. (Closed)

Patch Set: Add contain paint to local equivalent background invalidation test. 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;

13 }	14 }

14	15

15 #child {	16 #child {

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

17 }	18 }

18 </style>	19 </style>

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

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

21 </div>	22 </div>

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

23 <script>	24 <script>

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

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

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

27 }	28 }

28 onload = runRepaintAndPixelTest;	29 onload = runRepaintAndPixelTest;

29 </script>	30 </script>

OLD	NEW