- From: Merci chao via GitHub <noreply@w3.org>
- Date: Wed, 08 Oct 2025 03:53:40 +0000
- To: public-css-archive@w3.org
Merci-chao has just created a new issue for https://github.com/w3c/csswg-drafts:
== Flexbox support for float-like avoidance behavior ==
In current CSS, `float` allows content to wrap around elements, but it doesn't integrate with Flexbox. I propose a new feature for Flexbox layout where flex items can automatically avoid specified regions during layout.
### Use Cases
- Floating sidebars within a flex container
- Avoiding ad blocks or overlays
- Creating dynamic layouts that adapt to anchored elements
### Possible Syntax Ideas
```css
.flexbox {
flow-around: rect(0 10% 10% 0),
rect(0 100% 10% 90%);
}
```
This behavior would allow Flexbox to support more fluid and responsive layouts, similar to how `shape-outside` enables text to wrap around shapes. However, unlike `shape-outside`, this would apply to box-level elements, not just inline text.
Would love to hear thoughts on feasibility and potential directions. Thank you!
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/12911 using your GitHub account
--
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 8 October 2025 03:53:41 UTC