Differences

This shows you the differences between two versions of the page.

--- topics:start-end-before-after-align [2012/05/24 11:11] – fantasai
+++ topics:start-end-before-after-align [2012/06/05 13:09] – Added resolution tabatkins
@@ Line 1: / Line 1: @@
-====== Alignment Keywords: start/start/end/end vs. before/start/after/end ======
+====== Alignment Keywords: start/start/end/end vs. 4-directional ======
 ---- dataentry  ----
 Spec_tags     : css3-flexbox, css3-align
 Owner_tags    : fantasai
-Status_tags   : Open, Urgent
+Status_tags   : Resolved, Closed
 Added_dt      : 2012-05-16
-Action        : Approve the proposal?
+Action        : Discuss and resolve.
 Issue_urls    : http://lists.w3.org/Archives/Public/www-style/2012May/0556.html
 Proposal_urls :
 Agenda_urls   :  #If this is part of an ordered series of related topics, e.g. LC issues, use this to link to the supertopic agenda
 ----
+=== RESOLVED ===
+Further discussion revealed that, not only does Flexbox have the problem that its justify/align-* properties aren't necessarily tied to the logical directions (which makes the start/end/before/after keywords somewhat awkward).  So, some favored the start/start/end/end solution better.  Even worse, though, the flexbox's direction can be such that the "main-start" of the flexbox (flex-direction-relative) is actually the "logical-end" side of the Flexbox, so using start/end at all can be confusing.
+As such, it was resolved to introduce special flex-direction-relative keywords for flexbox.  The properties in question now accept flex-start/end as keywords.
+The Box Alignment spec will define that flex-start/end map to start/head or end/foot on non-flexboxes, and define start/end/head/foot as properly logical.
 === Background ===
-The alignment properties are divided into two dimensions, one for each flow-relative dimension. In order to have terms for all four sides of a box, the terminology used in each dimension is different: the inline dimension uses start/end, while the stacking dimension uses before/after. Right now the layout specs proposing new alignment properties use start/end keywords in both dimensions.
+The alignment properties are divided into two dimensions, one for each flow-relative dimension. In order to have terms for all four sides of a box, the terminology used in each dimension is different: the inline dimension uses start/end, while the stacking dimension uses before/after. (But see open issue on [[rename-before-after|renaming before/after]].) Right now the layout specs proposing new alignment properties use start/end keywords in both dimensions.
 Note: Flexbox will be the first spec to go to CR with logical keywords.
@@ Line 24: / Line 32: @@
 === Proposal(s) ===
-The proposal is to have the Box Alignment proposal's '-align' properties, which align in the stacking dimension, to use before/after, not start/end.
+The proposal is to have the Box Alignment proposal's '-align' properties, which align in the stacking dimension, to use block-relative directions, not start/end (which are the inline-relative terms).
-This would impact Flexbox's three cross-axis alignment properties (currently named 'flex-align', 'flex-item-align', and 'flex-line-pack') and Grid Layout's one column-axis alignment property (called 'grid-row-align'). Note the properties will also be renamed when aligned to match Box Alignment.
 === Links to More Info ===