W3C home > Mailing lists > Public > public-css-archive@w3.org > August 2016

[csswg-drafts] [css-flexbox] Absolute Positioned Elements in Flex Containers Removes Common Layout Patterns

From: Jack Lukic via GitHub <sysbot+gh@w3.org>
Date: Fri, 12 Aug 2016 02:43:04 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-170788681-1470969781-sysbot+gh@w3.org>
jlukic has just created a new issue for 
https://github.com/w3c/csswg-drafts:

== [css-flexbox] Absolute Positioned Elements in Flex Containers 
Removes Common Layout Patterns ==
https://drafts.csswg.org/css-flexbox/#abspos-items


Currently Flexbox spec does not allow absolutely positioned elements 
inside a flex container to preserve their calculated position when 
using `top: auto;` or `left:auto;` (its initial value). 
https://jsfiddle.net/91tn25zn/

Outside of flex containers using `auto` positioning values behaves 
this way, so this is *new* behavior added in flex. 

This behavior inside flex containers removed a very important method 
for positioning elements in CSS, allowing elements to exist outside of
 page flow but preserve their calculated positions. For example this 
breaks all [vertical dividers in Semantic 
UI](http://semantic-ui.com/elements/divider.html#vertical-divider) 
which represents a common design pattern of adding elements which do 
not participate in layout, but are used for styling based on their 
rendered position.


Please view or discuss this issue at 
https://github.com/w3c/csswg-drafts/issues/401 using your GitHub 
account
Received on Friday, 12 August 2016 02:43:11 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 19 October 2021 01:30:22 UTC