Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(220)

Side by Side Diff: third_party/WebKit/LayoutTests/svg/filters/svg-element-invalid-filter.html

Issue 2065593002: Unprefix the CSS 'filter' property (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Remove disabler. Try different DCHECK expressions. Created 4 years, 6 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
OLDNEW
(Empty)
1 <!doctype html>
2
3 <style>
4 svg {
5 width: 100px;
6 height: 100px;
7 margin: 1px;
8 }
9
10 #test-root {
11 position: absolute;
12 left: 10px;
13 top: 10px;
14 }
15
16 #test-child {
17 position: absolute;
18 left: 10px;
19 top: 130px;
20 }
21 </style>
22
23 <p id="test-root">
24
25 <!-- SVG root element: the first three filters are valid, the rest are not. -->
26
27 <svg style="filter: url(#filter)" viewBox="0 0 50 50">
28 <filter id="filter">
29 <feColorMatrix type="matrix" values="0 0 0 0 0, 1 0 0 0 0, 0 0 0 0 0, 0 0 0 1 0"/>
30 </filter>
31 <rect fill="red" x="0" y="0" height="50" width="50"/>
32 </svg>
33
34 <svg style="filter: blur(0px)" viewBox="0 0 50 50">
35 <rect fill="lime" x="0" y="0" height="50" width="50"/>
36 </svg>
37
38 <svg style="filter: url(#filter) blur(0px)" viewBox="0 0 50 50">
39 <rect fill="red" x="0" y="0" height="50" width="50"/>
40 </svg>
41
42 <svg style="filter: url(#missing)" viewBox="0 0 50 50">
43 <rect fill="red" x="0" y="0" height="50" width="50"/>
44 </svg>
45
46 <svg style="filter: url(invalid)" viewBox="0 0 50 50">
47 <rect fill="red" x="0" y="0" height="50" width="50"/>
48 </svg>
49
50 <svg style="filter: url(invalid#missing)" viewBox="0 0 50 50">
51 <rect fill="red" x="0" y="0" height="50" width="50"/>
52 </svg>
53
54 <svg style="filter: url(filter)" viewBox="0 0 50 50">
55 <rect fill="red" x="0" y="0" height="50" width="50"/>
56 </svg>
57 </p>
58
59 <p id="test-child">
60
61 <!-- SVG child element: the first filter is valid, the rest are not. -->
62
63 <svg viewBox="0 0 50 50">
64 <rect fill="red" x="0" y="0" height="50" width="50"
65 style="filter: url(#filter)"/>
66 </svg>
67
68 <svg viewBox="0 0 50 50">
69 <rect fill="red" x="0" y="0" height="50" width="50"
70 style="filter: url(#filter) blur(0px)"/>
71 </svg>
72
73 <svg viewBox="0 0 50 50">
74 <rect fill="red" x="0" y="0" height="50" width="50"
75 style="filter: blur(0px)"/>
76 </svg>
77
78 <svg viewBox="0 0 50 50">
79 <rect fill="red" x="0" y="0" height="50" width="50"
80 style="filter: url(#missing)"/>
81 </svg>
82
83 <svg viewBox="0 0 50 50">
84 <rect fill="red" x="0" y="0" height="50" width="50"
85 style="filter: url(invalid)"/>
86 </svg>
87
88 <svg viewBox="0 0 50 50">
89 <rect fill="red" x="0" y="0" height="50" width="50"
90 style="filter: url(invalid#missing)"/>
91 </svg>
92
93 <svg viewBox="0 0 50 50">
94 <rect fill="red" x="0" y="0" height="50" width="50"
95 style="filter: url(filter)"/>
96 </svg>
97 </p>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698