third_party/WebKit/LayoutTests/animations/css-composite-animation-affects-use-elements.html - Issue 2251073002: CSS: SVG use elements replicate updates to style

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/animations/css-composite-animation-affects-use-elements.html

Issue 2251073002: CSS: SVG use elements replicate updates to style (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master

Patch Set: tidy 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:

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

	2 <script src="../resources/run-after-layout-and-paint.js"></script>

2 <svg>	3 <svg>

3 <defs>	4 <defs>

4 <rect x="0" y="0" width="100" height="40" id="target" fill="green" />	5 <rect x="0" y="0" width="100" height="40" id="target" fill="green" />

5 <rect x="100" y="0" width="100" height="40" id="expected" fill="red" />	6 <rect x="100" y="0" width="100" height="40" id="expected" fill="red" />

6 <use xlink:href="#target" id="use"/>	7 <use xlink:href="#target" id="use"/>

7 </defs>	8 </defs>

8	9

9 <use y="50" xlink:href="#expected"/>	10 <use y="50" xlink:href="#expected"/>

10 <use y="100" xlink:href="#expected"/>	11 <use y="100" xlink:href="#expected"/>

11	12

12 <use y="50" xlink:href="#target"/>	13 <use y="50" xlink:href="#target"/>

13 <use y="100" xlink:href="#use"/>	14 <use y="100" xlink:href="#use"/>

14 </svg>	15 </svg>

15 <script>	16 <script>

16 target.animate([{'svg-x': '100'}, {'svg-x': '100'}], {fill: 'forwards'});	17 runAfterLayoutAndPaint(function() {

	18 for (var i = 0; i < 5; ++i)

	19 target.animate([

	20 {'x': '20px', composite: 'add'},

	21 {'x': '20px', composite: 'add'}

	22 ], {fill: 'forwards'});

	23 }, true);

17 </script>	24 </script>

OLD	NEW