Skip to content

Firefox 149 / Safari 17.2 support shape-outside: xywh()#29284

Merged
caugner merged 5 commits intomdn:mainfrom
dletorey:43204-xywh-shape-outside
Mar 24, 2026
Merged

Firefox 149 / Safari 17.2 support shape-outside: xywh()#29284
caugner merged 5 commits intomdn:mainfrom
dletorey:43204-xywh-shape-outside

Conversation

@dletorey
Copy link
Copy Markdown
Contributor

@dletorey dletorey commented Mar 17, 2026

Summary

  • Added support for xywh() function as a value for shape-outside property

Test results and supporting details

  • Tested using shape-outside xywh() pen:
    • Firefox Beta 149.0b6 (aarch64) - Passed
    • Firefox Developer Edition 149.0b6 - Passed
    • Firefox Nightly 150.0a1 (2026-03-17) - Passed
    • Safari 17.3 - Passed - Safari 17.2 release note
    • Chrome Canary 148.0.7737.0 - Failed
    • Edge Canary 148.0.3922.0 - Failed

Related issues

@github-actions github-actions Bot added the data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS label Mar 17, 2026
@github-actions github-actions Bot added the size:m [PR only] 25-100 LoC changed label Mar 17, 2026
@github-actions
Copy link
Copy Markdown
Contributor

github-actions Bot commented Mar 17, 2026

Tip: Review these changes grouped by change (recommended for most PRs), or grouped by feature (for large PRs).

@caugner caugner changed the title added xywh() value to shape-outside Firefox 149 / Safari 17.2 support shape-outside: xywh() Mar 20, 2026
}
}
},
"xywh": {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Opened openwebdocs/mdn-bcd-collector#3104 to add a collector test.

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Actually, there is also the rect() function.
See: https://bugzilla.mozilla.org/show_bug.cgi?id=1983187#c6

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good catch, opened openwebdocs/mdn-bcd-collector#3115 to add a collector test for rect() as well.

Comment thread css/properties/shape-outside.json Outdated
dletorey and others added 2 commits March 24, 2026 11:07
Co-authored-by: Claas Augner <495429+caugner@users.noreply.github.com>
@dletorey dletorey requested a review from caugner March 24, 2026 11:08
@caugner caugner merged commit d725105 into mdn:main Mar 24, 2026
9 checks passed
@mdn-bot mdn-bot mentioned this pull request Mar 24, 2026
@dletorey dletorey deleted the 43204-xywh-shape-outside branch March 24, 2026 16:48
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:m [PR only] 25-100 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants