This is an old revision of the document!


Placeholders and Static Position of Abspos Flex Items

Background

  • The impact of absolutely-positioned elements on surrounding content is intended to be nothing; as if the element were not there.
  • The auto position of an absolutely-positioned element is intended to be its position if it were not positioned.
  • There is a tension resulting from these two intentions, with the following options:
    • A. Prioritize the first (invisibility) over the second (static-position accuracy).
    • B. Prioritize the second (static-position accuracy) over the first (invisibility).
    • C. Do something more complicated that kindof tries to satisfy both.

Problem Statement

How should the static position of absolutely-positioned children of a flex container be determined?

Note: This does not affect absolutely-positioned children of a flex item.

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 B
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 edge of the flex container instead where there is no item), and has no impact on flex layout such as justification.
Proposal C
The static position of the abspos item is given by a placeholder anonymous flex item, which impacts layout during justification (space-around/space-between).

Use Cases to Consider

????

 
topics/flex-abspos-placeholders.1343094968.txt.gz · Last modified: 2014/12/09 15:48 (external edit)
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki