Differences

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

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
spec:css-flexbox-2 [2015/06/17 17:29] – Collapsible items tabatkinsspec:css-flexbox-2 [2015/11/30 11:53] (current) – Outline idea for packing-space control tabatkins
Line 1: Line 1:
-  * Solve the "items on the last line get way too big when you're flexing" problem.  More generally, "make items have a consistent flexed size, regardless of how much extra space is on each line" Possible solution - fill out the last line with "phantom copies" of the last item, flex with them in, then remove them.+  * Solve the "items on the last line get way too big when you're flexing" problem.  More generally, "make items have a consistent flexed size, regardless of how much extra space is on each line" 
 +    * Possible solution - fill out the last line with "phantom copies" of the last item, flex with them in, then remove them
 +    * Possible solution - calculate minimum values of 1fr and alignment free space across the entire flexbox (instead of per-line) and use that.
   * Flex line balancing.   * Flex line balancing.
   * Tight packing - if items don't fit on one line, try to pack them again with their min-content size instead, causing line wraps inside the item before wrapping the flex line (good for toolbars).   * Tight packing - if items don't fit on one line, try to pack them again with their min-content size instead, causing line wraps inside the item before wrapping the flex line (good for toolbars).
-  * Explicit spacing control - specify the size/flex of a particular packing space.+  * Explicit spacing control - specify the size/flex of a particular packing space. (Idea - copy Grid and use flex-main-gap/flex-cross-gap properties for general control over min gap.)
   * Equal justification space in both dimensions (see mailing list).  (Or maybe just explicit sizing of between-line spacing?)   * Equal justification space in both dimensions (see mailing list).  (Or maybe just explicit sizing of between-line spacing?)
   * Some way to control how many lines the flexbox is allowed to break over (so items will start shrinking if there's still not enough space) [[http://lists.w3.org/Archives/Public/www-style/2014Sep/0230.html]]   * Some way to control how many lines the flexbox is allowed to break over (so items will start shrinking if there's still not enough space) [[http://lists.w3.org/Archives/Public/www-style/2014Sep/0230.html]]
   * Some way to specify that things should "collapse" (like box-suppress:hide, or discard?) rather than "shrink" when there's not enough space.  Need a way to specify collapsing priority, too.   * Some way to specify that things should "collapse" (like box-suppress:hide, or discard?) rather than "shrink" when there's not enough space.  Need a way to specify collapsing priority, too.
 
spec/css-flexbox-2.txt · Last modified: 2015/11/30 11:53 by tabatkins
Recent changes RSS feed Valid XHTML 1.0 Valid CSS Driven by DokuWiki