- From: Jack Lukic via GitHub <sysbot+gh@w3.org>
- Date: Fri, 12 Aug 2016 02:43:04 +0000
- To: public-css-archive@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