1379963 - Pseudo element with absolute positioning affects flexbox layout of parent element's children

Status: RESOLVED WORKSFORME

(Core :: Layout, defect, P3)

Description

[jmccraw1]

Attachment: firefox-bug.html

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/60.0.3112.50 Safari/537.36

Steps to reproduce:

Create a container element of display: flex and justify-content: space-between. Put two elements inside and see that one is on the far left and one on the far right. Add a pseudo element to the parent container with position absolute and see that this pseudo element affects the position of the far-right item.


Actual results:

The pseudo element with absolute positioning affects the layout of the page as if the element were in the normal flow.


Expected results:

The element should not have affected the layout, which should have appeared as if before the pseudo element was added.

Comment 1

[jmccraw1]

Similar to this, but with pseudo elements: https://bugzilla.mozilla.org/show_bug.cgi?id=874718

Comment 2

[Jet Villegas (inactive)]

I can't reproduce this error. The abspos pseudo element doesn't seem to affect the position of the far-right item even when the viewport is resized to the minimum size. I also can't see any rendering differences between Nightly & Chromium on the attached testcase.