From github: https://github.com/mozilla-mobile/fenix/issues/26229.

Steps to reproduce

Minimal example: https://jsfiddle.net/jngbsn/6pjy8qvx/9/

Expected behaviour

Both buttons should turn red when pressed.

Actual behaviour

The bottom button does not apply its :active CSS rule when pressed. If the site is viewed with the desktop version of Firefox in Responsive Design Mode with touch simulation enabled, the result is the same, the bottom button does nothing.

The :active CSS rule works if you apply it manually in devtools, and the element responds to pointer and touch events. Initially the bug was found with button elements, but seems to do the same with anchor and even div elements (from what I tested). However I did not test any other pseudo-classes.

Works as expected in desktop Firefox, as well as mobile and desktop Chrome.

Device name

No response

Android version

Android 12

Firefox release type

Firefox

Firefox version

102.2.1

Device logs

No response

Additional information

No response

┆Issue is synchronized with this Jira Task

Change performed by the Move to Bugzilla add-on.

Still have the same bug in mobile 103.1.0 and desktop 103.0 in responsive design mode.

https://treeherder.mozilla.org/jobs?repo=try&revision=8af78d313eeef2a23ea81dd38ba1c4ac335a632b

https://treeherder.mozilla.org/#/jobs?repo=try&revision=807bea7adb7b9f563356fc52c109ae9abaa3134c

https://hg.mozilla.org/mozilla-central/rev/0b68ff23dbe5