www.lcbo.com - Slider for filtering the sugar content of the products does not work

[HighCommander4]

URL: https://www.lcbo.com/en/products/wine/red-wine#t=clp-products-wine-red_wine&sort=relevancy&layout=card

Browser / Version: Firefox 118.0
Operating System: Linux
Tested Another Browser: Yes Chrome

Problem type: Site is not usable
Description: Buttons or links not working
Steps to Reproduce:
Steps to reproduce:

1. In the list of filters on the left hand side, expand the "Sugar content" filter.
2. Change of the parameters, for example change the Minimum from 0 g/L to 10 g/L
3. Press the Apply button

Expected results:

The filter is applied

Actual results:

The filter is not applied. (Number of search results remains the same, filter's value resets to default.)

The devtools console shows a number of errors, including "TypeError: can't access property "getElementsByTagName", document.getElementById(...) is null.

The same steps work as expected in Chromium.

Browser Configuration

• None

From webcompat.com with ❤️

[sv-calin]

Thank you for reporting this issue, I was able to reproduce it. Whenever I try to update the minimum content of sugar, it returns back to 0 after clicking "Apply" or moving the slider.

Tested on:
• Browser / Version: Firefox Nightly 118.0a1 (2023-08-09) / Firefox Release 116.0.2 / Chrome 115.0.5790.170
• Operating System: Ubuntu 22.04 LTS

Notes:

1. Reproducible on both Firefox Release and Nightly regardless of the ETP status
2. Not reproducible on Chrome

Moving to Needsdiagnosis.

[qa_32/2023]

[wisniewskit]

Interesting. This is working fine for me on MacOS. I'll have to check on Linux.

[wisniewskit]

This is also working fine for me on Gentoo Linux, with the latest nightly and with Firefox 118. I wonder if they have fixed the issue? @sv-calin could you confirm ?

[sv-calin]

I'm still able to reproduce this issue. I have some issues with my screen rec software I keep getting an error but I've recorded a performance profile, I hope it helps: https://share.firefox.dev/3YTEOyZ

Tested on:
• Browser / Version: Firefox Nightly 118.0a1 (2023-08-16)
• Operating System: Ubuntu 22.04 LTS

[inv_33/2023]

[liamengland1]

Seems to be working fine for me on Firefox 116.0.3 / Windows 11 as well as latest nightly

[wisniewskit]

@sv-calin is this still broken for you? I still have no problem dragging the knobs for the slider, despite seeing the getElementsByTagName error mentioned in the original report. The only way I can see a problem is if I start touch-emulation mode in the responsive design tools, so I have to wonder if maybe this is only happening if the machine you are using has a touch screen? But then I don't really understand why it would work in Chrome, because those slider-knobs only have mousedown listener, as far I can tell..

[HighCommander4]

I played around with this some more and discovered that the issue is related to tracker blocking.

In about:preferences, I had "Enhanced Tracking Protection" set to "Custom", with "Tracking content" set to "In all windows". If I change "Tracking content" to "Only in private windows" and restart Firefox (and then load the site in a non-private window), the issue goes away.

[sv-calin]

This seems to be a Private issue, it reproduces regardless of the ETP status and on Normal with Strict ETP if using a clean profile.

Moved to bugzilla: https://bugzilla.mozilla.org/show_bug.cgi?id=1868361

[inv_49/2023]