1475723 - Geckoview and Fennec open select dropdown on tap of parent label; other browsers do not.

Status: NEW

(Core :: DOM: Core & HTML, defect, P3)

Description

[Thomas Wisniewski [:twisniewski]]

Attachment: test.html

Nest a select element in a label element, then click on a visible part of the label that is outside the bounds of the select box. Geckoview and Fennec will open the select box's dropdown, while desktop Firefox and Chrome mobile/desktop will not (one must click/tap directly on the select box to open its dropdown). I've attached a simple testcase to demonstrate this difference.

This is an interop issue when nesting selects in a label while using libraries which replace selects with a custom UI, such as the jQuery select2 library. In Fennec and Geckoview, the native "dropdown" will appear overtop of the one that select2 provides.

Note that since this affects both Geckoview and Fennec, I opted to file it as a core issue; it might be more appropriate elsewhere.

Comment 1

[Firefox Bug Husbandry Bot]

Migrating Webcompat whiteboard priorities to project flags. See bug 1547409.

Comment 2

[Firefox Bug Husbandry Bot]

See bug 1547409. Migrating whiteboard priority tags to program flags.

Comment 3

[Mike Taylor [:miketaylr]]

Maybe this is more DOM than layout...

Comment 4

[Adam Stevenson [:adamopenweb]]

The original issue https://webcompat.com/issues/14641 has been fixed by the website, removing the see also.

Since this interop issue still exists, but we do not have examples of this in the wild now I'm removing the webcompat revisit flag.