1917469 - Cannot tick 2 boxes in a form on a medical site. Works in Chrome (<input radio> pseudo-elements)

Status: NEW

(Core :: Layout: Form Controls, defect, P3)

Description

[Tony Davis]

Attachment: FORM_FILL_TICKBOX_BUG_PIC1.jpg

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:130.0) Gecko/20100101 Firefox/130.0

Steps to reproduce:

Went to the site:
https://imagingassociates.net.au/for-patients/appointments/request-an-appointment
to request an appointment.

Actual results:

There are 2 required tick-boxes on the site form that are mandatory before clicking on the "Request an appointment" banner, but these cannot be filled in.

Expected results:

The 2 boxes as per the pictures uploaded, should be available to tick.
NOTE: this works fine with Chrome.

Comment 1

[Tony Davis]

Attachment: Extra picture showing the second box than cannot be ticked

Comment 2

[Alice0775 White]

Attachment: reduced.html

Comment 3

[Alice0775 White]

I can reproduce the issue on Nightly132.0a1 Windows:

Clicking on a circle symbol does not respond. Chrome works.

Comment 4

[Mayank Bansal]

Attachment: Temporary Workaround.mp4

A temporary workaround is to double click on the text of the radio button - that will select the button.

Comment 5

[Emilio Cobos Álvarez (:emilio)]

This is https://issues.chromium.org/issues/365052666 (we are not generating the ::before pseudo-element, but it's wrong to do so).