Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
197 changes: 197 additions & 0 deletions features/draft/spec/css-anchor-position-1.yml
Original file line number Diff line number Diff line change
@@ -0,0 +1,197 @@
draft_date: 2024-12-20
name: CSS Anchor Positioning
description: TODO
spec: https://drafts.csswg.org/css-anchor-position-1/
compat_features:
- css.properties.bottom.anchor-size
- css.properties.inset-block-end.anchor-size
- css.properties.inset-block-start.anchor-size
- css.properties.inset-block.anchor-size
- css.properties.inset-inline-end.anchor-size
- css.properties.inset-inline-start.anchor-size
- css.properties.inset-inline.anchor-size
- css.properties.inset.anchor-size
- css.properties.left.anchor-size
- css.properties.margin-block-end.anchor-size
- css.properties.margin-block-start.anchor-size
- css.properties.margin-block.anchor-size
- css.properties.margin-bottom.anchor-size
- css.properties.margin-inline-end.anchor-size
- css.properties.margin-inline-start.anchor-size
- css.properties.margin-inline.anchor-size
- css.properties.margin-left.anchor-size
- css.properties.margin-right.anchor-size
- css.properties.margin-top.anchor-size
- css.properties.margin.anchor-size
- css.properties.right.anchor-size
- css.properties.top.anchor-size
- css.types.anchor-size.inset_margin

# The following features in the spec are already part of web-features:
# - Anchor positioning:
# - api.CSSPositionTryDescriptors
# - api.CSSPositionTryDescriptors.align-self
# - api.CSSPositionTryDescriptors.alignSelf
# - api.CSSPositionTryDescriptors.block-size
# - api.CSSPositionTryDescriptors.blockSize
# - api.CSSPositionTryDescriptors.bottom
# - api.CSSPositionTryDescriptors.height
# - api.CSSPositionTryDescriptors.inline-size
# - api.CSSPositionTryDescriptors.inlineSize
# - api.CSSPositionTryDescriptors.inset
# - api.CSSPositionTryDescriptors.inset-block
# - api.CSSPositionTryDescriptors.inset-block-end
# - api.CSSPositionTryDescriptors.inset-block-start
# - api.CSSPositionTryDescriptors.inset-inline
# - api.CSSPositionTryDescriptors.inset-inline-end
# - api.CSSPositionTryDescriptors.inset-inline-start
# - api.CSSPositionTryDescriptors.insetBlock
# - api.CSSPositionTryDescriptors.insetBlockEnd
# - api.CSSPositionTryDescriptors.insetBlockStart
# - api.CSSPositionTryDescriptors.insetInline
# - api.CSSPositionTryDescriptors.insetInlineEnd
# - api.CSSPositionTryDescriptors.insetInlineStart
# - api.CSSPositionTryDescriptors.justify-self
# - api.CSSPositionTryDescriptors.justifySelf
# - api.CSSPositionTryDescriptors.left
# - api.CSSPositionTryDescriptors.margin
# - api.CSSPositionTryDescriptors.margin-block
# - api.CSSPositionTryDescriptors.margin-block-end
# - api.CSSPositionTryDescriptors.margin-block-start
# - api.CSSPositionTryDescriptors.margin-bottom
# - api.CSSPositionTryDescriptors.margin-inline
# - api.CSSPositionTryDescriptors.margin-inline-end
# - api.CSSPositionTryDescriptors.margin-inline-start
# - api.CSSPositionTryDescriptors.margin-left
# - api.CSSPositionTryDescriptors.margin-right
# - api.CSSPositionTryDescriptors.margin-top
# - api.CSSPositionTryDescriptors.marginBlock
# - api.CSSPositionTryDescriptors.marginBlockEnd
# - api.CSSPositionTryDescriptors.marginBlockStart
# - api.CSSPositionTryDescriptors.marginBottom
# - api.CSSPositionTryDescriptors.marginInline
# - api.CSSPositionTryDescriptors.marginInlineEnd
# - api.CSSPositionTryDescriptors.marginInlineStart
# - api.CSSPositionTryDescriptors.marginLeft
# - api.CSSPositionTryDescriptors.marginRight
# - api.CSSPositionTryDescriptors.marginTop
# - api.CSSPositionTryDescriptors.max-block-size
# - api.CSSPositionTryDescriptors.max-height
# - api.CSSPositionTryDescriptors.max-inline-size
# - api.CSSPositionTryDescriptors.max-width
# - api.CSSPositionTryDescriptors.maxBlockSize
# - api.CSSPositionTryDescriptors.maxHeight
# - api.CSSPositionTryDescriptors.maxInlineSize
# - api.CSSPositionTryDescriptors.maxWidth
# - api.CSSPositionTryDescriptors.min-block-size
# - api.CSSPositionTryDescriptors.min-height
# - api.CSSPositionTryDescriptors.min-inline-size
# - api.CSSPositionTryDescriptors.min-width
# - api.CSSPositionTryDescriptors.minBlockSize
# - api.CSSPositionTryDescriptors.minHeight
# - api.CSSPositionTryDescriptors.minInlineSize
# - api.CSSPositionTryDescriptors.minWidth
# - api.CSSPositionTryDescriptors.place-self
# - api.CSSPositionTryDescriptors.placeSelf
# - api.CSSPositionTryDescriptors.position-anchor
# - api.CSSPositionTryDescriptors.position-area
# - api.CSSPositionTryDescriptors.positionAnchor
# - api.CSSPositionTryDescriptors.positionArea
# - api.CSSPositionTryDescriptors.right
# - api.CSSPositionTryDescriptors.top
# - api.CSSPositionTryDescriptors.width
# - api.CSSPositionTryRule
# - api.CSSPositionTryRule.name
# - api.CSSPositionTryRule.style
# - css.at-rules.position-try
# - css.properties.align-items.anchor-center
# - css.properties.align-self.anchor-center
# - css.properties.anchor-name
# - css.properties.anchor-name.none
# - css.properties.anchor-scope
# - css.properties.anchor-scope.all
# - css.properties.anchor-scope.none
# - css.properties.block-size.anchor-size
# - css.properties.bottom.anchor
# - css.properties.height.anchor-size
# - css.properties.inline-size.anchor-size
# - css.properties.inset.anchor
# - css.properties.inset-block.anchor
# - css.properties.inset-block-end.anchor
# - css.properties.inset-block-start.anchor
# - css.properties.inset-inline.anchor
# - css.properties.inset-inline-end.anchor
# - css.properties.inset-inline-start.anchor
# - css.properties.justify-items.anchor-center
# - css.properties.justify-self.anchor-center
# - css.properties.left.anchor
# - css.properties.max-block-size.anchor-size
# - css.properties.max-height.anchor-size
# - css.properties.max-inline-size.anchor-size
# - css.properties.max-width.anchor-size
# - css.properties.min-block-size.anchor-size
# - css.properties.min-height.anchor-size
# - css.properties.min-inline-size.anchor-size
# - css.properties.min-width.anchor-size
# - css.properties.place-items.anchor-center
# - css.properties.place-self.anchor-center
# - css.properties.position-anchor
# - css.properties.position-anchor.auto
# - css.properties.position-area
# - css.properties.position-area.block-end
# - css.properties.position-area.block-start
# - css.properties.position-area.bottom
# - css.properties.position-area.center
# - css.properties.position-area.end
# - css.properties.position-area.inline-end
# - css.properties.position-area.inline-start
# - css.properties.position-area.left
# - css.properties.position-area.none
# - css.properties.position-area.right
# - css.properties.position-area.self-end
# - css.properties.position-area.self-start
# - css.properties.position-area.span-all
# - css.properties.position-area.span-block-end
# - css.properties.position-area.span-block-start
# - css.properties.position-area.span-bottom
# - css.properties.position-area.span-end
# - css.properties.position-area.span-inline-end
# - css.properties.position-area.span-inline-start
# - css.properties.position-area.span-start
# - css.properties.position-area.span-top
# - css.properties.position-area.span-x-end
# - css.properties.position-area.span-x-start
# - css.properties.position-area.span-y-end
# - css.properties.position-area.span-y-start
# - css.properties.position-area.start
# - css.properties.position-area.top
# - css.properties.position-area.x-end
# - css.properties.position-area.x-self-end
# - css.properties.position-area.x-self-start
# - css.properties.position-area.x-start
# - css.properties.position-area.y-end
# - css.properties.position-area.y-self-end
# - css.properties.position-area.y-self-start
# - css.properties.position-area.y-start
# - css.properties.position-try
# - css.properties.position-try-fallbacks
# - css.properties.position-try-fallbacks.flip-block
# - css.properties.position-try-fallbacks.flip-inline
# - css.properties.position-try-fallbacks.flip-start
# - css.properties.position-try-fallbacks.none
# - css.properties.position-try-fallbacks.position-area
# - css.properties.position-try-order
# - css.properties.position-try-order.most-block-size
# - css.properties.position-try-order.most-height
# - css.properties.position-try-order.most-inline-size
# - css.properties.position-try-order.most-width
# - css.properties.position-try-order.normal
# - css.properties.position-visibility
# - css.properties.position-visibility.always
# - css.properties.position-visibility.anchors-visible
# - css.properties.position-visibility.no-overflow
# - css.properties.right.anchor
# - css.properties.top.anchor
# - css.properties.width.anchor-size
# - css.types.anchor
# - css.types.anchor-size
30 changes: 30 additions & 0 deletions features/draft/spec/css-anchor-position-1.yml.dist
Original file line number Diff line number Diff line change
@@ -0,0 +1,30 @@
# Generated from: css-anchor-position-1.yml
# Do not edit this file by hand. Edit the source file instead!

status:
baseline: false
support: {}
compat_features:
- css.properties.bottom.anchor-size
- css.properties.inset-block-end.anchor-size
- css.properties.inset-block-start.anchor-size
- css.properties.inset-block.anchor-size
- css.properties.inset-inline-end.anchor-size
- css.properties.inset-inline-start.anchor-size
- css.properties.inset-inline.anchor-size
- css.properties.inset.anchor-size
- css.properties.left.anchor-size
- css.properties.margin-block-end.anchor-size
- css.properties.margin-block-start.anchor-size
- css.properties.margin-block.anchor-size
- css.properties.margin-bottom.anchor-size
- css.properties.margin-inline-end.anchor-size
- css.properties.margin-inline-start.anchor-size
- css.properties.margin-inline.anchor-size
- css.properties.margin-left.anchor-size
- css.properties.margin-right.anchor-size
- css.properties.margin-top.anchor-size
- css.properties.margin.anchor-size
- css.properties.right.anchor-size
- css.properties.top.anchor-size
- css.types.anchor-size.inset_margin
Loading
Loading