1918838 - CSS Zoom does not apply to input[type="checkbox"], input[type="radio"]

Status: RESOLVED FIXED

(Core :: CSS Parsing and Computation, defect, P3)

Description

[EJ Mason]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:130.0) Gecko/20100101 Firefox/130.0

Steps to reproduce:

I created a webpage with checkbox and radio elements and applied the CSS zoom property to them.

For a simple repro, please see this CodePen: https://codepen.io/mxmason/pen/PorgMqd?editors=1010

Actual results:

Zoom had no effect in Firefox, but worked as expected in Chrome and Safari.

This may be related to https://bugzilla.mozilla.org/show_bug.cgi?id=390936, which was recently closed.

Expected results:

Zoom should work predictably on these elements to match other implementations – especially on these elements, which are difficult to customize, leading authors to recreate checkbox and radio widgets from scratch.

Comment 1

[Emilio Cobos Álvarez [:emilio]]

Attachment: Bug 1918838 - Make CSS zoom apply to themed widgets properly. r=#layout

Comment 2

[Pulsebot]

Pushed by [e-mail]:
https://hg.mozilla.org/integration/autoland/rev/4b595e1843aa
Make CSS zoom apply to themed widgets properly. r=dshin

Comment 3

[Cristian Tuns]

https://hg.mozilla.org/mozilla-central/rev/4b595e1843aa

Comment 4

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Created web-platform-tests PR https://github.com/web-platform-tests/wpt/pull/48276 for changes under testing/web-platform/tests

Comment 5

[Web Platform Test Sync Bot [:wpt-sync] (Matrix: #interop:mozilla.org)]

Upstream PR merged by moz-wptsync-bot