third_party/WebKit/LayoutTests/fast/repaint/overflow-scroll-composited-non-stacking-child.html - Issue 2107903002: Repaint non-stacking-context composited children when they scroll.

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/repaint/overflow-scroll-composited-non-stacking-child.html

Issue 2107903002: Repaint non-stacking-context composited children when they scroll. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: Add test. Created 4 years, 5 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

« no previous file with comments | « third_party/WebKit/LayoutTests/TestExpectations ('k') | third_party/WebKit/LayoutTests/fast/repaint/overflow-scroll-composited-non-stacking-child-expected.txt » ('j') | third_party/WebKit/Source/core/paint/PaintLayer.cpp » ('J')
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

OLD	NEW
(Empty)
	1 <!DOCTYPE html>

	2 <html>

	3 <head>

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

	5 <style>

	6

	7 body { overflow: hidden; }

	8 .icon {

	9 position: absolute;

	10 background-color: #fdb;

	11 left: 200px;

	12 top: 10px;

	13 width: 40px;

	14 height: 40px;

	15 }

	16 .scroller {

	17 overflow: scroll;

	18 margin-left: 10px;

	19 margin-top: 60px;

	20 width: 260px;

	21 height: 150px;

	22 padding: 20px;

	23 border: 5px solid #bce;

	24 }

	25 .list, .commit {

	26 position: relative;

	27 width: 180px;

	28 height: 250px;

	29 }

	30 .back {

	31 position: absolute;

	32 z-index: -1;

	33 background-color: #cdc;

	34 left: 50px;

	35 top: 40px;

	36 width: 180px;

	37 height: 100px;

	38 }

	39

	40 </style>

	41 </head>

	42 <body onload="runRepaintTest()">

	43 <div class="icon" style="transform: translateZ(0)"></div>

	44 <div class="scroller">

	45 <div class="list">

	46 <div class="commit">

	47 <div class="back"></div>

	48 </div>

	49 </div>

	50 </div>

	51 <script>

	52 function repaintTest() {

	53 document.querySelector(".scroller").scrollTop = 50;

	54 }

	55 </script>

	56 </body>

	57 </html>

OLD	NEW