1785304 - Flexbox ordering seems to influence whether elements are clickable if overlaid with other elements

Status: RESOLVED INVALID

(Core :: Layout: Flexbox, defect)

Description

[Thomas Wisniewski [:twisniewski]]

Attachment: testcase.html

In the attached test-case, I can click on the text to see an alert in Chrome, but in Firefox the overlaid element prevents mouse events from reaching it. This seems to involve flexbox ordering, as if I remove the flex or order styles, then I can click on the element in both browsers.

This is causing webcompat issues where content cannot be clicked, such as the product filter widget in the storefront in https://www.vivobarefoot.com/eu/mens (as reported in https://webcompat.com/issues/108752)

Comment 1

[Emilio Cobos Álvarez [:emilio]]

This is a Chrome bug: https://bugs.chromium.org/p/chromium/issues/detail?id=606208