1644602 - Drop Down Menu Unresponsive, Does Not Prompt

Status: NEW

(Web Compatibility :: Site Reports, defect, P1)

Description

[Emily Kager [:ekager]]

Originally reported: https://github.com/mozilla-mobile/fenix/issues/11393

STR:

1. Go to ottoandspike.com.au/collections/shop-all/products/fingerless-gloves-fagin
2. Scroll towards bottom of page and click product color selecting drop down menu

Expected:
Menu prompt opens with product choices

Actual:
Single click selects the menu toggle, but won't open prompt.
Quick double click opens the prompt.

Comment 1

[Oana Arbuzov [:oanaarbuzov]]

Attachment: BrokenDropdown.gif

I'm able to reproduce the issue.

Tested with:
Browser / Version: Firefox Nightly 201222 (🦎 86.0a1-20201219093321)
Operating System: Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density), Huawei P20 Lite (Android 8.0.0) - 1080 x 2280 pixels, 19:9 ratio (~432 ppi density)

Comment 2

[Ksenia Berezina [:ksenia]]

The site is using FastClick, which which has a long standing history of breaking certain touch functionality on websites. Removing the library will fix the issue. Lets try to contact the website

More information: https://miketaylr.com/posts/2017/10/fast-click-more-like-thing-of-the-past-click.html

Comment 3

[Ksenia Berezina [:ksenia]]

Sent an email to one of the contacts indicated on the site

Comment 4

[Oana Arbuzov [:oanaarbuzov]]

The issue is still reproducible, drop-down menu does not prompt.

Tested with:
Browser / Version: Firefox Nightly 100.0a1 (🦎 100.0a1-20220317092857)
Operating System: Google Pixel 5 (Android 12) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density), Samsung Galaxy S8 (Android 9) - 1440 x 2960 pixels, 18.5:9 ratio (~570 ppi density)

Comment 5

[Calin Tanase]

This is still an issue.

Tested on:
Operating system: OnePlus 6 A6000 (Android 11)
Browser/Version: Firefox Nightly 111.0a1-20230206092409 / Chrome 109.0.5414.86

Note: Not reproducible on Chrome

Comment 6

[Jeff Muizelaar [:jrmuizel]]

(In reply to Ksenia Berezina [:ksenia] from comment #2)

The site is using FastClick, which which has a long standing history of breaking certain touch functionality on websites. Removing the library will fix the issue. Lets try to contact the website

More information: https://miketaylr.com/posts/2017/10/fast-click-more-like-thing-of-the-past-click.html

The blog post suggests that Chrome has changed their behaviour to match ours. Do we know why things are still broken?

Comment 7

[Thomas Wisniewski [:twisniewski]]

@jrmuizel, IIRC, it's because FastClick uses user-agent sniffing as a sort of allow-list to avoid breaking on many browsers, but their sniff for Firefox isn't very effective. Worse, the library is EOL despite so many websites continuing to use it. There is also a discussion in bug 1448747 about trying to find a way to hack Gecko to detect it and work around it, if you'd like some more painful info.

Comment 8

[Ksenia Berezina [:ksenia]]

An intervention is shipping in bug1876368