Painting Order of Reordered Flexbox Items

—- dataentry —- Spec_tags : css3-flexbox Owner_tags : tabatkins Status_tags : Closed Added_dt : 2012-05-16 Action : Pick A or B Issue_urls : Proposal_urls :

Background

The ‘flex-order’ property “reorders” flexbox items, allowing them to display independently of their source order.

Problem Statement

Does this reordering affect painting order? That is, given the following markup:

’‘ foo bar ’’

If the child overlaps the child, should it paint above (that is, according to its source order) or below (according to its display order)?

Proposal(s)

A. ‘flex-order’ affects the painting order - items moved earlier paint underneath items moved later.

B. ‘flex-order’ has no effect on painting order - the original source order determines whether things are painted above/below others.

Resolution

Resolved on A.

Links to More Info

WebKit’s implementation chooses option A.