This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
topics:flex-abspos-placeholders [2012/07/23 18:27] – fantasai | topics:flex-abspos-placeholders [2012/07/23 19:12] – fantasai | ||
---|---|---|---|
Line 20: | Line 20: | ||
* A. Prioritize the first (invisibility) over the second (static-position accuracy). | * A. Prioritize the first (invisibility) over the second (static-position accuracy). | ||
* B. Prioritize the second (static-position accuracy) over the first (invisibility). | * B. Prioritize the second (static-position accuracy) over the first (invisibility). | ||
- | * C. Do something more complicated that tries to satisfy both. | + | * C. Do something more complicated that kindof |
=== Problem Statement === | === Problem Statement === | ||
- | In the Flexbox model, should placeholders be invisible to layout, should they have their hypothetical | + | How should |
+ | |||
+ | Note: This does not affect absolutely-positioned children of a flex item. | ||
=== Proposal(s) === | === Proposal(s) === | ||
; Proposal A : The static position of the abspos item is the head start corner of the flex container. It has no impact on flex layout. | ; Proposal A : The static position of the abspos item is the head start corner of the flex container. It has no impact on flex layout. | ||
- | ; Proposal B : The static position of the abspos item is given by a placeholder anonymous flex item, which impacts layout during justification (space-around/ | + | ; Proposal B : The static position of an abspos item is centered between the margin edges of the previous and next flex items in the line (need to define |
- | ; Proposal C : The static position of an abspos item is centered between the margin edges of the previous and next flex items in the line (using the padding | + | |
- | | + | |
=== Use Cases to Consider === | === Use Cases to Consider === | ||
Line 38: | Line 40: | ||
=== Links to More Info === | === Links to More Info === | ||
+ | - http:// | ||
- http:// | - http:// | ||
- http:// | - http:// | ||
+ | - http:// | ||