www.diasporaco.com - Unable to trigger "Ready to ship" drop-down menu

[webcompat-bot]

URL: https://www.diasporaco.com/collections/spices/products/pepper

Browser / Version: Firefox Mobile 88.0
Operating System: Android 11
Tested Another Browser: No

Problem type: Site is not usable
Description: Buttons or links not working
Steps to Reproduce:
Buttons for selections not working.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20210309094921
• channel: nightly
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false
• hasFastClick: true

View console log messages

From webcompat.com with ❤️

[softvision-oana-arbuzov]

Thanks for the report, I was able to reproduce the issue.

Note:

1. The issue does not occur on Chrome.
2. The issue is reproducible on Firefox Nightly regardless if ETP - is enabled (Strict/Standard) or disabled.
3. Workaround: Tapping fast the drop-down button the menu is triggered.

Affected area:

<div class="selector-wrapper">
	<label for="productSelect-option-0" class="sr-only">Size</label>
	<select class="single-option-selector" data-option="option1" id="productSelect-4400062988370-option-0">
		<option value="2.29oz (65g) - Ready to Ship">2.29oz (65g) - Ready to Ship</option>
		<option value="1.81lb (822g) - Sold Out Until Spring 2021">1.81lb (822g) - Sold Out Until Spring 2021</option>
	</select>
</div>

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

Moving to Needsdiagnosis for further investigation.

[ksy36]

We have a history of similar issues caused by FastClick library https://github.com/webcompat/web-bugs/issues?q=is%3Aissue+is%3Aopen+drop-down+label%3Atype-fastclick. Removing the library will fix the issue.

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

Lets try to contact the site

[webcompat-bot]

Generate outreach template

[softvision-oana-arbuzov]

The issue has been fixed, the drop-down menu options are displayed now.

Tested with:
Browser / Version: Firefox Nightly 106.0a1 (🦎 106.0a1-20220913092817)
Operating System: Google Pixel 5 (Android 13) - 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)

[inv_37/2022]