Closed
Bug 1417025
Opened 8 years ago
Closed 8 years ago
[css-flexbox] Absolute positioning inside flexbox positions incorrectly
Categories
(Core :: Layout, defect, P3)
Tracking
()
RESOLVED
DUPLICATE
of bug 1386654
People
(Reporter: nicohvi, Unassigned)
Details
(Keywords: testcase)
Attachments
(4 files)
Incorrect position
User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36 OPR/48.0.2685.52
Steps to reproduce:
https://codepen.io/anon/pen/bYRZVa
Go to that code pen, change the last CSS rule (.container .item) to "position: static" and then back to "position: absolute".
Actual results:
The contained item (absolutely positioned in the flexbox) is incorrectly positioned. If you slightly resize the window then the item is positioned correctly.
Expected results:
The item should be positioned in the middle.
|
||
Updated•8 years ago
|
Component: General → Layout
|
||
Comment 2•8 years ago
|
||
|
|
||
Comment 3•8 years ago
|
||
|
|
||
Comment 4•8 years ago
|
||
It appears to be a flexbox specific bug - I can't reproduce it using display:grid.
Status: UNCONFIRMED → NEW
Ever confirmed: true
Flags: needinfo?(dholbert)
Keywords: testcase
OS: Unspecified → All
Hardware: Unspecified → All
Summary: Absolute positioning inside flexbox positions incorrectly → [css-flexbox] Absolute positioning inside flexbox positions incorrectly
|
||
Updated•8 years ago
|
Priority: -- → P3
|
||
Comment 5•8 years ago
|
||
This was fixed in Firefox 59, via bug 1386654. (Verified with original codepen as well as attached testcases.)
--> Marking as a duplicate.
Status: NEW → RESOLVED
Closed: 8 years ago
Flags: needinfo?(dholbert)
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•