Closed
Bug 1349864
Opened 7 years ago
Closed 7 years ago
[css-flexbox] position:absolute children between flex items break visual grouping
Categories
(Core :: Layout, defect)
Tracking
()
RESOLVED
DUPLICATE
of bug 1345873
People
(Reporter: chaelli, Unassigned)
References
()
Details
(Keywords: testcase, Whiteboard: [parity-chrome][parity-edge])
Attachments
(3 files)
User Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/56.0.2924.87 Safari/537.36 Steps to reproduce: Access https://www.zurich.ch/en/privat/produkteuebersicht Actual results: The first tab (Vehicles and Travel) is shown above the "content" while the others (Homes & Construction, ...) are shown below. Expected results: All tab-labels should be shown next to each other above the content (order:0 vs order:1). You can check in chrome, edge, ie, ...)
Wrong Url: Please use https://www.zurich.ch/en/private-customers/product-overview
OS: Unspecified → Windows 10
Hardware: Unspecified → x86_64
Comment 3•7 years ago
|
||
The issue here is with the position of the inputs and labels vs. the divs holding the tab content: If one groups the inputs and labels together and puts all the content divs below that, it also works in Firefox.
Updated•7 years ago
|
Component: Untriaged → Layout
Product: Firefox → Core
Summary: Firefox 52 does not render flexbox order correctly → display:block between inputs with display:inline-block and same name break visual grouping
Whiteboard: [parity-chrome][parity-edge]
Hi Sebastian that's true - but - regrouping for mobile works much better this way (no regrouping necessary).
Comment 5•7 years ago
|
||
Looks like bug 1345873 at first glance.
Updated•7 years ago
|
Status: UNCONFIRMED → RESOLVED
Closed: 7 years ago
Resolution: --- → DUPLICATE
You need to log in
before you can comment on or make changes to this bug.
Description
•