splitkb.com - Some drop-down menus are not triggered

[webcompat-bot]

URL: https://splitkb.com/collections/keyboard-kits/products/corne-lp-group-buy?variant=32581056561229

Browser / Version: Firefox Mobile 77.0 Operating System: Android Tested Another Browser: Yes Chrome

Problem type: Site is not usable Description: Buttons or links not working Steps to Reproduce: Some dropdowns are not working

Browser Configuration

• None

Submitted in the name of @eduardb

From webcompat.com with ❤️

[softvision-oana-arbuzov]

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

Note:

1. The issue is not reproducible on Chrome.
2. The issue is reproducible on Firefox regardless if ETP is enabled or not.
3. Not reproducible for "Color" and "Edition" drop-down buttons, but reproduces for "Switches", "OLED Upgrade" and "Build Service".
4. Workaround: tapping fast on the drop-down buttons, the menus are displayed.

Affected area:

<div class="spb-select">
    <select class="spb-productdescfont spb-productoptiontextcolor spb-productoptionbackground" id="Corne LP Switch-0-0" name="properties[Corne LP Switch]">
        <option disabled="disabled" selected="selected">Choose your switch type</option>
        <option value="Kailh Choc Brown (tactile)">Kailh Choc Brown (tactile)</option>
        <option value="Kailh Choc Red (linear)">Kailh Choc Red (linear)</option>
        <option value="Kailh Choc White (clicky)">Kailh Choc White (clicky)</option>
        <option value="No Switches - I want the case only">No Switches - I want the case only</option>
        <option value="No Switches - I'll use my own switches">No Switches - I'll use my own switches</option>
    </select>
</div>

Tested with: Browser / Version: Firefox Focus 8.4.0 (🦎 77.0-20200602142841), Firefox Preview Nightly 200622 (🦎 79.0a1-20200617093637) Operating System: Huawei P20 Lite (Android 8.0.0) - 1080 x 2280 pixels, 19:9 ratio (~432 ppi density), Samsung Galaxy S6 Edge (Android 7.0) - 1440 x 2560 pixels (~577 ppi pixel density)

Moving to Needsdiagnosis for further investigation.

[karlcow]

This doesn't seem to be css related at first sight.

The label is receiving the request.

Note:

This fails https://cdn.shopify.com/s/files/1/0227/9171/6941/t/7/assets/zendesk-embeddable.js?518&shop=splitkb-com.myshopify.com

var script = document.createElement('script');
script.type = 'text/javascript';
script.id = 'ze-snippet';
script.src = 'https://static.zdassets.com/ekr/snippet.js?key=d75c51b4-1b80-46a6-a41d-eea8ae33c5c9';
document.getElementsByTagName('head') [0].appendChild(script);
zE('webWidget', 'setLocale', 'en');

with

Uncaught ReferenceError: zE is not defined
    <anonymous> zendesk-embeddable.js:6
zendesk-embeddable.js:6
    <anonymous> zendesk-embeddable.js:6

Sounds like trying to use something before it is loaded.

There is a couple of other issues.

ah wait…

/*
 FastClick: polyfill to remove click delays on browsers with touch UIs.

 @version 1.0.3
 @codingstandard ftlabs-jsv2
 @copyright The Financial Times Limited [All Rights Reserved]
 @license MIT License (see LICENSE.txt)
*/

[karlcow]

The current page is not working on Firefox Mobile Android because of the FastClick library. They just need to remove it.

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

[softvision-raul-bucata]

The issue has been fixed and it is no longer reproducible:

Tested with: Browser / Version: Firefox Focus 8.17.1 (🦎90.0.20210705185941🦎) Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)

Closing this as FIXED