wccftech.com - "Cookie policy" can not be modified from the "Manage Options" button

[billksun]

URL: https://wccftech.com/intel-sapphire-rapids-4th-gen-xeon-cpu-delidded-der8auer-unveils-extreme-core-count-die-with-56-golden-cove-cores/amp/

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

Problem type: Something else
Description: Cannot select site privacy options
Steps to Reproduce:
Works fine in Chrome. In Firefox, the toggle slider won't toggle no matter how much I press it. Even when disabling all the plugins, it still won't respond to the touch press. It does work in privacy mode though.

View the screenshot

Browser Configuration

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

View console log messages

From webcompat.com with ❤️

[softvision-raul-bucata]

@billksun Before we proceed to investigate this issue further, may I ask if you are using Firefox Focus or another build of Firefox?

[qa_03/2022]

[billksun]

@softvision-raul-bucata, I am using the beta version on Android: 96.0.0-beta.5 (build #2015853559).

Specifically, the slider for the "Allow sharing your personal data" appears after I click on "Do Not Sell My Data" button in the screenshot. This is the slider that isn't working in Firefox Mobile.

[softvision-raul-bucata]

@billksun Thank you for the extra info. I was able to reproduce the issue. When trying to manage the cookie policy by tapping on the "Manage Options" button, the state of the displayed toggle buttons can not be changed:

Tested with:
Browser / Version: Firefox Nightly 98.0a1 (2015858091 -🦎98.0a1-20220117035808🦎)/ Firefox Beta 97.0.0-beta.2 (2015857451-🦎97.0-20220113185849🦎)/ Chrome Mobile Version 97.0.4692.87
Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)

Notes:

1. Reproducible regardless of the status of ETP.
2. Reproducible on the latest build of Firefox Nightly.
3. Works as expected using Chrome.

Moving this to NeedsDiagnosis for further investigations.

[qa_03/2022]

[denschub]

The cookie banner here is an iFrame, loaded from https://cmp.uniconsent.com/amp/index.html. The button itself doesn't do anything fancy, it's part of the <label>, and clicking it simply clicks the (hidden) checkbox. The style gets applied via a CSS rule, .unic input:checked ~ .toggle__dot. This works on Firefox Desktop, even in RDM with Touch Events enabled.

If I hide the "fancy ui" and show the checkbox itself, I can click the checkbox and have the change event propagate properly. Clicking the fancy UI does not work - but it does work. So it's possible that either something else in the page is eating that click event, or that my old friend event retargeting strikes again.

I don't think this is re-targeting, though, as you can see the focus effect for the gray background thingie add a 1px dotted border. So this is probably a side-effect of another event. Unfortunately, I could not find the offending event in the devtools, so I'll have to come back to this with a debug build.

[denschub]

I don't think this is re-targeting, though

Well, 23-hours-ago me was wrong. This is retargeting. Disabling ui.mouse.radius.enabled and ui.touch.radius.enabled makes the toggles work again.

Here, trying to click on the slider-bubble-thing actually ends up clicking on the description text to the left/down of it. It doesn't help that the text has role="button", while the slider-thingie... does not. Unfortunately, I couldn't find an easy workaround to suggest to the site here, so I'll file a Bugzilla bug instead.

[denschub]

Filed https://bugzilla.mozilla.org/show_bug.cgi?id=1753454, closing this report accordingly.