1955932 - www.coopvoce.it - Radio buttons are not selectable

Status: ASSIGNED

(Web Compatibility :: Site Reports, defect, P1)

Description

[railioaie]

Environment:
Operating system: Android 14/ Desktop
Firefox version: Firefox Mobile 136.0

Preconditions:
Clean profile

Steps to reproduce:

1. Navigate to: https://www.coopvoce.it/portale/ricarica.html
2. Tap on a radio button

Expected Behavior:
The button is selectable

Actual Behavior:
The button is not selectable

Notes:

• Reproduces regardless of the status of ETP
• Reproduces in firefox-nightly, and firefox-release
• Does not reproduce in chrome

Created from https://github.com/webcompat/web-bugs/issues/150799

Comment 1

[railioaie]

Attachment: Screenshot_263.png

Comment 2

[Dennis Schubert [:denschub]]

Also broken on Desktop. Some click handler seems to fire, because they console.log something like "Input radio cliccato: 20.00".

Comment 3

[Randell Jesup [:jesup] (needinfo me)]

If you set a breakpoint in the event handler, you'll see the radio button is selected at that point; something clears the selection some time after the event handler has returned but before we go back to waiting for input, it appears.
Also, we style the buttons very differently

Comment 4

[Randell Jesup [:jesup] (needinfo me)]

Attachment: chrome buttons.png

What chrome shows

Comment 5

[Emilio Cobos Álvarez (:emilio)]

The page needs something like:

input[name="numRicarica"] {
  appearance: none;
}

To avoid relying on https://issues.chromium.org/issues/365052666

Comment 6

[Thomas Wisniewski [:twisniewski]]

Emilio, your suggested CSS seems to work fine for my on desktop, but when I try it in the Android emulator, it doesn't seem to be enough to fix the issue (tapping on the "radio buttons" doesn't work, although I can tap-and-hold and move my finger around to get a reaction which lights up the "radio buttons", but it behaves chaotically).

Maybe there is more to it?

Comment 7

[Thomas Wisniewski [:twisniewski]]

Attachment: Bug 1955932 - add a CSS intervention for coopvoce.it/portale/ricarica.html to fix radiobuttons; r?denschub

Comment 8

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/08d806bb5d96
add a CSS intervention for coopvoce.it/portale/ricarica.html to fix radiobuttons; r=denschub,webcompat-reviewers

Comment 9

[Narcis Beleuzu [:NarcisB]]

https://hg.mozilla.org/mozilla-central/rev/08d806bb5d96