www.sleeper.scot - Drop-down menu keeps being dismissed

[webcompat-bot]

URL: https://www.sleeper.scot/

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

Problem type: Site is not usable
Description: Dropbown boxes only work once
Steps to Reproduce:
Select either an option in either From or To and you then cannot select a option in the other box. Selection pops open then closes straight away.

Browser Configuration

• mixed active content blocked: false
• image.mem.shared: true
• buildID: 20190617221408
• tracking content blocked: true (basic)
• gfx.webrender.blob-images: true
• hasTouchScreen: true
• mixed passive content blocked: false
• hasFastClick: true
• gfx.webrender.enabled: false
• gfx.webrender.all: false
• channel: beta

Console Messages:

[u'[JavaScript Warning: "The resource at https://ws.sharethis.com/button/st_insights.js?publisher=4d48b7c5-0ae3-43d4-bfbe-3ff8c17a8ae6&product=simpleshare was blocked because content blocking is enabled." {file: "https://www.sleeper.scot/" line: 0}]', u'[JavaScript Warning: "The resource at https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6 was blocked because content blocking is enabled." {file: "https://www.sleeper.scot/" line: 0}]', u'[JavaScript Warning: "The resource at https://ws.sharethis.com/button/st_insights.js?publisher=4d48b7c5-0ae3-43d4-bfbe-3ff8c17a8ae6&product=simpleshare was blocked because content blocking is enabled." {file: "https://www.sleeper.scot/" line: 0}]', u'[JavaScript Warning: "Loading failed for the <script> with source https://ws.sharethis.com/button/st_insights.js?publisher=4d48b7c5-0ae3-43d4-bfbe-3ff8c17a8ae6&product=simpleshare." {file: "https://www.sleeper.scot/" line: 84}]', u'[JavaScript Warning: "Use of Mutation Events is deprecated. Use MutationObserver instead." {file: "https://www.sleeper.scot/wp-content/themes/sleeper/js/app-production.js?ver=v1.1.3h2" line: 73}]', u'[JavaScript Error: "TypeError: a is null" {file: "https://www.sleeper.scot/wp-content/themes/sleeper/js/app-production.js?ver=v1.1.3h2" line: 34}]\ne.notNeeded@https://www.sleeper.scot/wp-content/themes/sleeper/js/app-production.js?ver=v1.1.3h2:34:26703\ne@https://www.sleeper.scot/wp-content/themes/sleeper/js/app-production.js?ver=v1.1.3h2:34:19936\ne.attach@https://www.sleeper.scot/wp-content/themes/sleeper/js/app-production.js?ver=v1.1.3h2:34:27102\na@https://www.sleeper.scot/wp-content/themes/sleeper/js/app-production.js?ver=v1.1.3h2:34:27918\n@https://www.sleeper.scot/:100:8\n', u'[JavaScript Warning: "Loading failed for the <script> with source https://www.paypal.com/tagmanager/pptm.js?id=www.sleeper.scot&t=xo." {file: "https://www.sleeper.scot/" line: 1}]', u'[JavaScript Warning: "Loading failed for the <script> with source https://www.sleeper.scot/wp-content/plugins/simple-share-buttons-adder/js/ssba.js?ver=4.9.8." {file: "https://www.sleeper.scot/" line: 724}]', u'[JavaScript Error: "ReferenceError: Main is not defined" {file: "https://www.sleeper.scot/" line: 726}]\n@https://www.sleeper.scot/:726:1\n', u'[JavaScript Warning: "The resource at https://www.google-analytics.com/analytics.js was blocked because content blocking is enabled." {file: "https://www.sleeper.scot/" line: 0}]', u'[JavaScript Warning: "This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://developer.mozilla.org/docs/Mozilla/Performance/ScrollLinkedEffects for further details and to join the discussion on related tools and features!" {file: "https://www.sleeper.scot/" line: 0}]']

From webcompat.com with ❤️

[softvision-oana-arbuzov]

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

Workaround: Tapping the drop-down menu and scrolling down at the same time the menu remains displayed.

Tested with:
Browser / Version: Firefox Nightly 68.0a1 (2019-06-21), Fenix 1.0.1926 (Build #11751810 🦎 68.0-20190611143747)
Operating System: LG G5 (Android 8.0.0) - 1440 x 2560 pixels (~554 ppi pixel density), Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)

Moving to Needsdiagnosis for further investigation.

[ksy36]

Seems like there is an issue with JavaScript Custom Forms library that the site uses. I've created an issue on the library's github w3co/jcf#73

Will move this to needscontact

[softvision-oana-arbuzov]

The issue is no longer reproducible on Firefox Nightly 68.3a1 (2019-11-20) but still occurs on Firefox Preview Nightly 191121 (🦎: 72.0a1-20191119043902)

Tested with:
Browser / Version: Firefox Preview Nightly 191107 (??: 72.0a1-20191104094118)
Operating System: Huawei P20 Lite (Android 8.0.0) - 1080 x 2280 pixels, 19:9 ratio (~432 ppi density), Samsung Galaxy S7 Edge (Android 8.0.0) - Resolution 1440 x 2560 pixels (~534 ppi pixel density)

[softvision-oana-arbuzov]

The issue has been fixed.

Tested with:
Browser / Version: Firefox Nightly 200819 (🦎 81.0a1-20200814094524)
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)