Skip to content

Commit d87eb3b

Browse files
Update draft features (#3071)
1 parent d3f1c71 commit d87eb3b

15 files changed

+528
-34
lines changed
Lines changed: 211 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,211 @@
1+
draft_date: 2025-06-19
2+
name: CSS Anchor Positioning
3+
description: TODO
4+
spec: https://drafts.csswg.org/css-anchor-position-1/
5+
compat_features:
6+
- css.properties.position-area.self-block-end
7+
- css.properties.position-area.self-block-start
8+
- css.properties.position-area.self-inline-end
9+
- css.properties.position-area.self-inline-start
10+
- css.properties.position-area.span-self-block-end
11+
- css.properties.position-area.span-self-block-start
12+
- css.properties.position-area.span-self-end
13+
- css.properties.position-area.span-self-inline-end
14+
- css.properties.position-area.span-self-inline-start
15+
- css.properties.position-area.span-self-start
16+
- css.properties.position-area.span-x-self-end
17+
- css.properties.position-area.span-x-self-start
18+
- css.properties.position-area.span-y-self-end
19+
- css.properties.position-area.span-y-self-start
20+
21+
# The following features in the spec are already part of web-features:
22+
# - Anchor positioning:
23+
# - api.CSSPositionTryDescriptors
24+
# - api.CSSPositionTryDescriptors.align-self
25+
# - api.CSSPositionTryDescriptors.alignSelf
26+
# - api.CSSPositionTryDescriptors.block-size
27+
# - api.CSSPositionTryDescriptors.blockSize
28+
# - api.CSSPositionTryDescriptors.bottom
29+
# - api.CSSPositionTryDescriptors.height
30+
# - api.CSSPositionTryDescriptors.inline-size
31+
# - api.CSSPositionTryDescriptors.inlineSize
32+
# - api.CSSPositionTryDescriptors.inset
33+
# - api.CSSPositionTryDescriptors.inset-block
34+
# - api.CSSPositionTryDescriptors.inset-block-end
35+
# - api.CSSPositionTryDescriptors.inset-block-start
36+
# - api.CSSPositionTryDescriptors.inset-inline
37+
# - api.CSSPositionTryDescriptors.inset-inline-end
38+
# - api.CSSPositionTryDescriptors.inset-inline-start
39+
# - api.CSSPositionTryDescriptors.insetBlock
40+
# - api.CSSPositionTryDescriptors.insetBlockEnd
41+
# - api.CSSPositionTryDescriptors.insetBlockStart
42+
# - api.CSSPositionTryDescriptors.insetInline
43+
# - api.CSSPositionTryDescriptors.insetInlineEnd
44+
# - api.CSSPositionTryDescriptors.insetInlineStart
45+
# - api.CSSPositionTryDescriptors.justify-self
46+
# - api.CSSPositionTryDescriptors.justifySelf
47+
# - api.CSSPositionTryDescriptors.left
48+
# - api.CSSPositionTryDescriptors.margin
49+
# - api.CSSPositionTryDescriptors.margin-block
50+
# - api.CSSPositionTryDescriptors.margin-block-end
51+
# - api.CSSPositionTryDescriptors.margin-block-start
52+
# - api.CSSPositionTryDescriptors.margin-bottom
53+
# - api.CSSPositionTryDescriptors.margin-inline
54+
# - api.CSSPositionTryDescriptors.margin-inline-end
55+
# - api.CSSPositionTryDescriptors.margin-inline-start
56+
# - api.CSSPositionTryDescriptors.margin-left
57+
# - api.CSSPositionTryDescriptors.margin-right
58+
# - api.CSSPositionTryDescriptors.margin-top
59+
# - api.CSSPositionTryDescriptors.marginBlock
60+
# - api.CSSPositionTryDescriptors.marginBlockEnd
61+
# - api.CSSPositionTryDescriptors.marginBlockStart
62+
# - api.CSSPositionTryDescriptors.marginBottom
63+
# - api.CSSPositionTryDescriptors.marginInline
64+
# - api.CSSPositionTryDescriptors.marginInlineEnd
65+
# - api.CSSPositionTryDescriptors.marginInlineStart
66+
# - api.CSSPositionTryDescriptors.marginLeft
67+
# - api.CSSPositionTryDescriptors.marginRight
68+
# - api.CSSPositionTryDescriptors.marginTop
69+
# - api.CSSPositionTryDescriptors.max-block-size
70+
# - api.CSSPositionTryDescriptors.max-height
71+
# - api.CSSPositionTryDescriptors.max-inline-size
72+
# - api.CSSPositionTryDescriptors.max-width
73+
# - api.CSSPositionTryDescriptors.maxBlockSize
74+
# - api.CSSPositionTryDescriptors.maxHeight
75+
# - api.CSSPositionTryDescriptors.maxInlineSize
76+
# - api.CSSPositionTryDescriptors.maxWidth
77+
# - api.CSSPositionTryDescriptors.min-block-size
78+
# - api.CSSPositionTryDescriptors.min-height
79+
# - api.CSSPositionTryDescriptors.min-inline-size
80+
# - api.CSSPositionTryDescriptors.min-width
81+
# - api.CSSPositionTryDescriptors.minBlockSize
82+
# - api.CSSPositionTryDescriptors.minHeight
83+
# - api.CSSPositionTryDescriptors.minInlineSize
84+
# - api.CSSPositionTryDescriptors.minWidth
85+
# - api.CSSPositionTryDescriptors.place-self
86+
# - api.CSSPositionTryDescriptors.placeSelf
87+
# - api.CSSPositionTryDescriptors.position-anchor
88+
# - api.CSSPositionTryDescriptors.position-area
89+
# - api.CSSPositionTryDescriptors.positionAnchor
90+
# - api.CSSPositionTryDescriptors.positionArea
91+
# - api.CSSPositionTryDescriptors.right
92+
# - api.CSSPositionTryDescriptors.top
93+
# - api.CSSPositionTryDescriptors.width
94+
# - api.CSSPositionTryRule
95+
# - api.CSSPositionTryRule.name
96+
# - api.CSSPositionTryRule.style
97+
# - css.at-rules.position-try
98+
# - css.properties.align-items.anchor-center
99+
# - css.properties.align-self.anchor-center
100+
# - css.properties.anchor-name
101+
# - css.properties.anchor-name.none
102+
# - css.properties.anchor-scope
103+
# - css.properties.anchor-scope.all
104+
# - css.properties.anchor-scope.none
105+
# - css.properties.block-size.anchor-size
106+
# - css.properties.bottom.anchor
107+
# - css.properties.bottom.anchor-size
108+
# - css.properties.height.anchor-size
109+
# - css.properties.inline-size.anchor-size
110+
# - css.properties.inset.anchor
111+
# - css.properties.inset.anchor-size
112+
# - css.properties.inset-block.anchor
113+
# - css.properties.inset-block.anchor-size
114+
# - css.properties.inset-block-end.anchor
115+
# - css.properties.inset-block-end.anchor-size
116+
# - css.properties.inset-block-start.anchor
117+
# - css.properties.inset-block-start.anchor-size
118+
# - css.properties.inset-inline.anchor
119+
# - css.properties.inset-inline.anchor-size
120+
# - css.properties.inset-inline-end.anchor
121+
# - css.properties.inset-inline-end.anchor-size
122+
# - css.properties.inset-inline-start.anchor
123+
# - css.properties.inset-inline-start.anchor-size
124+
# - css.properties.justify-items.anchor-center
125+
# - css.properties.justify-self.anchor-center
126+
# - css.properties.left.anchor
127+
# - css.properties.left.anchor-size
128+
# - css.properties.margin.anchor-size
129+
# - css.properties.margin-block.anchor-size
130+
# - css.properties.margin-block-end.anchor-size
131+
# - css.properties.margin-block-start.anchor-size
132+
# - css.properties.margin-bottom.anchor-size
133+
# - css.properties.margin-inline.anchor-size
134+
# - css.properties.margin-inline-end.anchor-size
135+
# - css.properties.margin-inline-start.anchor-size
136+
# - css.properties.margin-left.anchor-size
137+
# - css.properties.margin-right.anchor-size
138+
# - css.properties.margin-top.anchor-size
139+
# - css.properties.max-block-size.anchor-size
140+
# - css.properties.max-height.anchor-size
141+
# - css.properties.max-inline-size.anchor-size
142+
# - css.properties.max-width.anchor-size
143+
# - css.properties.min-block-size.anchor-size
144+
# - css.properties.min-height.anchor-size
145+
# - css.properties.min-inline-size.anchor-size
146+
# - css.properties.min-width.anchor-size
147+
# - css.properties.place-items.anchor-center
148+
# - css.properties.place-self.anchor-center
149+
# - css.properties.position-anchor
150+
# - css.properties.position-anchor.auto
151+
# - css.properties.position-area
152+
# - css.properties.position-area.block-end
153+
# - css.properties.position-area.block-start
154+
# - css.properties.position-area.bottom
155+
# - css.properties.position-area.center
156+
# - css.properties.position-area.end
157+
# - css.properties.position-area.inline-end
158+
# - css.properties.position-area.inline-start
159+
# - css.properties.position-area.left
160+
# - css.properties.position-area.none
161+
# - css.properties.position-area.right
162+
# - css.properties.position-area.self-end
163+
# - css.properties.position-area.self-start
164+
# - css.properties.position-area.span-all
165+
# - css.properties.position-area.span-block-end
166+
# - css.properties.position-area.span-block-start
167+
# - css.properties.position-area.span-bottom
168+
# - css.properties.position-area.span-end
169+
# - css.properties.position-area.span-inline-end
170+
# - css.properties.position-area.span-inline-start
171+
# - css.properties.position-area.span-start
172+
# - css.properties.position-area.span-top
173+
# - css.properties.position-area.span-x-end
174+
# - css.properties.position-area.span-x-start
175+
# - css.properties.position-area.span-y-end
176+
# - css.properties.position-area.span-y-start
177+
# - css.properties.position-area.start
178+
# - css.properties.position-area.top
179+
# - css.properties.position-area.x-end
180+
# - css.properties.position-area.x-self-end
181+
# - css.properties.position-area.x-self-start
182+
# - css.properties.position-area.x-start
183+
# - css.properties.position-area.y-end
184+
# - css.properties.position-area.y-self-end
185+
# - css.properties.position-area.y-self-start
186+
# - css.properties.position-area.y-start
187+
# - css.properties.position-try
188+
# - css.properties.position-try-fallbacks
189+
# - css.properties.position-try-fallbacks.flip-block
190+
# - css.properties.position-try-fallbacks.flip-inline
191+
# - css.properties.position-try-fallbacks.flip-start
192+
# - css.properties.position-try-fallbacks.none
193+
# - css.properties.position-try-fallbacks.position-area
194+
# - css.properties.position-try-order
195+
# - css.properties.position-try-order.most-block-size
196+
# - css.properties.position-try-order.most-height
197+
# - css.properties.position-try-order.most-inline-size
198+
# - css.properties.position-try-order.most-width
199+
# - css.properties.position-try-order.normal
200+
# - css.properties.position-visibility
201+
# - css.properties.position-visibility.always
202+
# - css.properties.position-visibility.anchors-visible
203+
# - css.properties.position-visibility.no-overflow
204+
# - css.properties.right.anchor
205+
# - css.properties.right.anchor-size
206+
# - css.properties.top.anchor
207+
# - css.properties.top.anchor-size
208+
# - css.properties.width.anchor-size
209+
# - css.types.anchor
210+
# - css.types.anchor-size
211+
# - css.types.anchor-size.inset_margin
Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Generated from: css-anchor-position-1.yml
2+
# Do not edit this file by hand. Edit the source file instead!
3+
4+
status:
5+
baseline: false
6+
support:
7+
chrome: "129"
8+
chrome_android: "129"
9+
edge: "129"
10+
compat_features:
11+
- css.properties.position-area.self-block-end
12+
- css.properties.position-area.self-block-start
13+
- css.properties.position-area.self-inline-end
14+
- css.properties.position-area.self-inline-start
15+
- css.properties.position-area.span-self-block-end
16+
- css.properties.position-area.span-self-block-start
17+
- css.properties.position-area.span-self-end
18+
- css.properties.position-area.span-self-inline-end
19+
- css.properties.position-area.span-self-inline-start
20+
- css.properties.position-area.span-self-start
21+
- css.properties.position-area.span-x-self-end
22+
- css.properties.position-area.span-x-self-start
23+
- css.properties.position-area.span-y-self-end
24+
- css.properties.position-area.span-y-self-start

features/draft/spec/css-fonts-5.yml

Lines changed: 21 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,28 @@
1-
draft_date: 2025-05-19
1+
draft_date: 2025-06-19
22
name: CSS Fonts Module Level 5
33
description: TODO
44
spec: https://drafts.csswg.org/css-fonts-5/
55
compat_features:
6+
- api.CSSFontFaceDescriptors
7+
- api.CSSFontFaceDescriptors.font-display
8+
- api.CSSFontFaceDescriptors.font-family
9+
- api.CSSFontFaceDescriptors.font-feature-settings
10+
- api.CSSFontFaceDescriptors.font-stretch
11+
- api.CSSFontFaceDescriptors.font-style
12+
- api.CSSFontFaceDescriptors.font-weight
13+
- api.CSSFontFaceDescriptors.font-width
14+
- api.CSSFontFaceDescriptors.fontDisplay
15+
- api.CSSFontFaceDescriptors.fontFamily
16+
- api.CSSFontFaceDescriptors.fontFeatureSettings
17+
- api.CSSFontFaceDescriptors.fontStretch
18+
- api.CSSFontFaceDescriptors.fontStyle
19+
- api.CSSFontFaceDescriptors.fontWeight
20+
- api.CSSFontFaceDescriptors.fontWidth
21+
- api.CSSFontFaceDescriptors.size-adjust
22+
- api.CSSFontFaceDescriptors.sizeAdjust
23+
- api.CSSFontFaceDescriptors.src
24+
- api.CSSFontFaceDescriptors.unicode-range
25+
- api.CSSFontFaceDescriptors.unicodeRange
626
- css.at-rules.font-face.font-width
727
- css.properties.font-synthesis-style.oblique-only
828
- css.properties.font-width.percentage

features/draft/spec/css-fonts-5.yml.dist

Lines changed: 24 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -16,3 +16,27 @@ compat_features:
1616
# safari: "18.4"
1717
- css.at-rules.font-face.font-width
1818
- css.properties.font-width.percentage
19+
20+
# ⬇️ Same status as overall feature ⬇️
21+
# baseline: false
22+
# support: {}
23+
- api.CSSFontFaceDescriptors
24+
- api.CSSFontFaceDescriptors.font-display
25+
- api.CSSFontFaceDescriptors.font-family
26+
- api.CSSFontFaceDescriptors.font-feature-settings
27+
- api.CSSFontFaceDescriptors.font-stretch
28+
- api.CSSFontFaceDescriptors.font-style
29+
- api.CSSFontFaceDescriptors.font-weight
30+
- api.CSSFontFaceDescriptors.font-width
31+
- api.CSSFontFaceDescriptors.fontDisplay
32+
- api.CSSFontFaceDescriptors.fontFamily
33+
- api.CSSFontFaceDescriptors.fontFeatureSettings
34+
- api.CSSFontFaceDescriptors.fontStretch
35+
- api.CSSFontFaceDescriptors.fontStyle
36+
- api.CSSFontFaceDescriptors.fontWeight
37+
- api.CSSFontFaceDescriptors.fontWidth
38+
- api.CSSFontFaceDescriptors.size-adjust
39+
- api.CSSFontFaceDescriptors.sizeAdjust
40+
- api.CSSFontFaceDescriptors.src
41+
- api.CSSFontFaceDescriptors.unicode-range
42+
- api.CSSFontFaceDescriptors.unicodeRange
Lines changed: 71 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,71 @@
1+
draft_date: 2025-06-19
2+
name: CSS Transforms Module Level 2
3+
description: TODO
4+
spec: https://drafts.csswg.org/css-transforms-2/
5+
compat_features:
6+
- svg.global_attributes.transform.svg_root
7+
8+
# The following features in the spec are already part of web-features:
9+
# - 3D transforms:
10+
# - css.properties.backface-visibility
11+
# - css.properties.perspective
12+
# - css.properties.perspective.none
13+
# - css.properties.perspective-origin
14+
# - css.properties.perspective-origin.bottom
15+
# - css.properties.perspective-origin.center
16+
# - css.properties.perspective-origin.left
17+
# - css.properties.perspective-origin.right
18+
# - css.properties.perspective-origin.top
19+
# - css.properties.transform.3d
20+
# - css.properties.transform-style
21+
# - css.types.transform-function.matrix3d
22+
# - css.types.transform-function.perspective
23+
# - css.types.transform-function.perspective.none
24+
# - css.types.transform-function.rotate3d
25+
# - css.types.transform-function.rotateX
26+
# - css.types.transform-function.rotateY
27+
# - css.types.transform-function.rotateZ
28+
# - css.types.transform-function.scale3d
29+
# - css.types.transform-function.scaleZ
30+
# - css.types.transform-function.translate3d
31+
# - css.types.transform-function.translateZ
32+
# - Individual transform properties:
33+
# - css.properties.rotate
34+
# - css.properties.rotate.none
35+
# - css.properties.rotate.x_y_z_angle
36+
# - css.properties.scale
37+
# - css.properties.scale.none
38+
# - css.properties.translate
39+
# - css.properties.translate.none
40+
# - 2D transforms:
41+
# - css.properties.transform
42+
# - css.properties.transform-origin
43+
# - css.properties.transform-origin.bottom
44+
# - css.properties.transform-origin.center
45+
# - css.properties.transform-origin.left
46+
# - css.properties.transform-origin.right
47+
# - css.properties.transform-origin.three_value_syntax
48+
# - css.properties.transform-origin.top
49+
# - css.types.transform-function
50+
# - css.types.transform-function.matrix
51+
# - css.types.transform-function.rotate
52+
# - css.types.transform-function.scale
53+
# - css.types.transform-function.scaleX
54+
# - css.types.transform-function.scaleY
55+
# - css.types.transform-function.skew
56+
# - css.types.transform-function.skewX
57+
# - css.types.transform-function.skewY
58+
# - css.types.transform-function.translate
59+
# - css.types.transform-function.translateX
60+
# - css.types.transform-function.translateY
61+
# - transform-box:
62+
# - css.properties.transform-box
63+
# - css.properties.transform-box.border-box
64+
# - css.properties.transform-box.content-box
65+
# - css.properties.transform-box.fill-box
66+
# - css.properties.transform-box.stroke-box
67+
# - css.properties.transform-box.view-box
68+
# - SVG:
69+
# - css.properties.transform-origin.svg_elements
70+
# - svg.global_attributes.transform
71+
# - svg.global_attributes.transform-origin
Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,11 @@
1+
# Generated from: css-transforms-2.yml
2+
# Do not edit this file by hand. Edit the source file instead!
3+
4+
status:
5+
baseline: false
6+
support:
7+
chrome: "137"
8+
chrome_android: "137"
9+
edge: "137"
10+
compat_features:
11+
- svg.global_attributes.transform.svg_root

0 commit comments

Comments
 (0)