Bug 165603 - Implement CSS `display: flow-root` (modern clearfix)
Summary: Implement CSS `display: flow-root` (modern clearfix)
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: All All
: P2 Enhancement
Assignee: Nobody
URL: https://drafts.csswg.org/css-display-...
Keywords: InRadar, WebExposed
Depends on:
Blocks:
 
Reported: 2016-12-08 08:19 PST by Marat Tanalin
Modified: 2017-04-19 08:19 PDT (History)
10 users (show)

See Also:


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Marat Tanalin 2016-12-08 08:19:02 PST
`display: flow-root` is a modern way to force a block to be a formatting context that floated elements are contained in (aka clearfix).

From the spec [1]:

> The element generates a block container box, and lays out its contents using flow layout. It always establishes a new block formatting context for its contents.

Tab Atkins and Elika Etemad (fantasai) from CSSWG consider the feature stable enough to be implemented [2].

[1] https://drafts.csswg.org/css-display-3/#valdef-display-flow-root
[2] https://discourse.wicg.io/t/1835/6
Comment 1 Radar WebKit Bug Importer 2017-01-08 10:12:47 PST
<rdar://problem/29918759>