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 accountReceived on Friday, 12 August 2016 02:43:11 UTC
This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:41:01 UTC