ea.arcsivr.com - Drop-down lists do not work when taking surveys

[webcompat-bot]

URL: https://ea.arcsivr.com/Pages/survey6200.asp?setquotano=5883&SQB=0&FR=0&CLMode=0&studydesc=17+April+to+19+April+%2D+North+America+At%2DHome%2C++Group+Playtest&TS=38778.32&Event=SURVEY&rq4=ef605040-086f-4444-b779-3aa78a47d498&rq2=6200&utm_medium=email&utm_source=SFMC&utm_campaign=&Title=&Country=%%country_code%%&Team=gem&Platform=SFMC&Campaign=&RUCode=5e8ae482-5d19-4724-b95c-d024a8e4e842

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

Problem type: Site is not usable Description: Buttons or links not working Steps to Reproduce: Drop down menu to choose the state I live in didn't work so I couldn't complete the form. Nothing happened when I tapped the menu.

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20230320155232
• channel: release
• 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 ❤️

[sv-calin]

Thank you for reporting this issue, I was able to reproduce it. The drop down lists do not work when taking any survey on ea.arcsivr.com .

https://user-images.githubusercontent.com/107036654/231083118-abc4382d-ab62-4e9f-9212-ffb58f8ba047.mp4

Tested on: • Browser / Version: Firefox Focus 112.0-20230406114409 / Firefox Nightly 114.0a1-20230410150526 / Firefox Release 111.0.1-20230321111920 / Chrome 112.0.5615.47 • Operating System: Google Pixel 5 (Android 13) - 1080 x 2340 pixels, 19.5:9 ratio (~432 ppi density)

Notes:

1. Reproducible on both Firefox Release and Nightly regardless of the ETP status or if its private or normal
2. Not reproducible on Chrome

Moving to Needsdiagnosis.

[qa_15/2023]

[ksy36]

Let's add this domain to the fastclick intervention in https://bugzilla.mozilla.org/show_bug.cgi?id=1829947

    FastClick.notNeeded = function(layer) {
        var metaViewport;
        var chromeVersion;
        var blackberryVersion;
        var firefoxVersion;

        // Devices that don't support touch don't need FastClick
        if (typeof window.ontouchstart === 'undefined') {
            return true;
        }

        // Chrome version - zero for other browsers
        chromeVersion = +(/Chrome\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];

        if (chromeVersion) {

            if (deviceIsAndroid) {
                metaViewport = document.querySelector('meta[name=viewport]');

                if (metaViewport) {
                    // Chrome on Android with user-scalable="no" doesn't need FastClick (issue #89)
                    if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
                        return true;
                    }
                    // Chrome 32 and above with width=device-width or less don't need FastClick
                    if (chromeVersion > 31 && document.documentElement.scrollWidth <= window.outerWidth) {
                        return true;
                    }
                }

            // Chrome desktop doesn't need FastClick (issue #15)
            } else {
                return true;
            }
        }

        if (deviceIsBlackBerry10) {
            blackberryVersion = navigator.userAgent.match(/Version\/([0-9]*)\.([0-9]*)/);

            // BlackBerry 10.3+ does not require Fastclick library.
            // https://github.com/ftlabs/fastclick/issues/251
            if (blackberryVersion[1] >= 10 && blackberryVersion[2] >= 3) {
                metaViewport = document.querySelector('meta[name=viewport]');

                if (metaViewport) {
                    // user-scalable=no eliminates click delay.
                    if (metaViewport.content.indexOf('user-scalable=no') !== -1) {
                        return true;
                    }
                    // width=device-width (or less than device-width) eliminates click delay.
                    if (document.documentElement.scrollWidth <= window.outerWidth) {
                        return true;
                    }
                }
            }
        }

        // IE10 with -ms-touch-action: none or manipulation, which disables double-tap-to-zoom (issue #97)
        if (layer.style.msTouchAction === 'none' || layer.style.touchAction === 'manipulation') {
            return true;
        }

        // Firefox version - zero for other browsers
        firefoxVersion = +(/Firefox\/([0-9]+)/.exec(navigator.userAgent) || [,0])[1];

        if (firefoxVersion >= 27) {
            // Firefox 27+ does not have tap delay if the content is not zoomable - https://bugzilla.mozilla.org/show_bug.cgi?id=922896

            metaViewport = document.querySelector('meta[name=viewport]');
            if (metaViewport && (metaViewport.content.indexOf('user-scalable=no') !== -1 || document.documentElement.scrollWidth <= window.outerWidth)) {
                return true;
            }
        }

        // IE11: prefixed -ms-touch-action is no longer supported and it's recomended to use non-prefixed version
        // http://msdn.microsoft.com/en-us/library/windows/apps/Hh767313.aspx
        if (layer.style.touchAction === 'none' || layer.style.touchAction === 'manipulation') {
            return true;
        }

        return false;
    };