1349864 - [css-flexbox] position:absolute children between flex items break visual grouping

Status: RESOLVED DUPLICATE of bug 1345873

(Core :: Layout, defect)

Description

[chaelli]

Attachment: wrong.png

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, ...)

Comment 1

[chaelli]

Wrong Url: Please use https://www.zurich.ch/en/private-customers/product-overview

Comment 2

[chaelli]

Attachment: Correct view in Microsoft edge

Comment 3

[Sebastian Hengst [:aryx] (needinfo me if it's about an intermittent or backout)]

Attachment: testcase

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.

Comment 4

[chaelli]

Hi Sebastian

that's true - but - regrouping for mobile works much better this way (no regrouping necessary).

Comment 5

[Mats Palmgren (inactive)]

Looks like bug 1345873 at first glance.