gfuel.com - Drop-down menus are not functional

[webcompat-bot]

URL: https://gfuel.com/pages/bogo

Browser / Version: Firefox Mobile 100.0 Operating System: Android 12 Tested Another Browser: No

Problem type: Site is not usable Description: Buttons or links not working Steps to Reproduce: Drop downs are not interactable

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20220321065848
• 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, but the promotion is no longer available.

I was able to find a drop-down menu here: https://gfuel.com/products/custom-box , and indeed they are not functional.

Affected area:

<select name="id" onchange="onFlavorChange(1, $(this).val()); this.blur();">
  <option value="" disabled="" selected="">PICK FLAVOR 1</option>
  <option value="31723999133771"> Bahama Mama </option>
  <option value="29748570619979"> Cotton Candy </option>
  <option value="9180360261"> Fazeberry </option>
  <option value="31051869716555"> Hype Sauce </option>
  <option value="31922604179531"> Pewdiepie </option>
  <option value="29748573634635"> Ragin' Gummy Fish </option>
  <option value="94789468178"> Rainbow Sherbet </option>
  <option value="29748571766859"> Sour Blue Chug Rug </option>
  <option value="31724002705483"> Strawberry Banana </option>
  <option value="19870808325"> Tropical Rain </option>
  <option value="10111671749"> Watermelon </option>
  <option value="39374495973451"> Strawberry Shortcake </option>
  <option value="39374500692043"> Blue Ice </option>
  <option value="39374501085259"> Battle Juice </option>
  <option value="39388312436811"> Star Fruit </option>
  <option value="39388326854731"> FaZe X </option>
  <option value="39388329148491"> Sour FaZeberry </option>
  <option value="39388768043083"> Black on Blackberry </option>
  <option value="39529626566731"> Shiny Splash </option>
</select>

Note:

1. The issue is not reproducible on Chrome.
2. The issue is reproducible on Firefox regardless of the ETP status.

Tested with: Browser / Version: Firefox Nightly 100.0a1 (🦎 100.0a1-20220322065927), Firefox Release 98.2.0 (🦎 98.0.1-20220313140707) 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)

Moving to Needsdiagnosis for further investigation.

[qa_12/2022]

[ksy36]

This likely not functioning because of the FastClick library. We've got a lot of issues like this https://github.com/webcompat/web-bugs/issues?q=is%3Aopen+label%3Atype-fastclick+drop-down.

Removing Fastclick is the recommended solution to fix this problem. See https://miketaylr.com/posts/2017/10/fast-click-more-like-thing-of-the-past-click.html

[webcompat-bot]

Generate outreach template

[reinhart1010]

Decided to contact them via Zendesk widget

[ksy36]

This seems to be working now, tried a drop down on https://gfuel.com/products/flavor-buddiez-box and the options are displayed.