Bug 58524 – [Mac] Checkboxes and radios can't be scaled more than 4 times

• Component: CSS
• Status: NEW

[Lea Verou]

Check the testcase. After scale(4), they appear to stay the same size.

Also, scale(2) (the first one) has a strange rendering.

This is a Mac-only issue, it's not present on Windows.

[Robin Whittleton]

Interesting the scale does apply during the check / uncheck animation.

[Ahmad Saleem]

I am not able to reproduce original issue and it seems that Safari 16 and Safari Technology Preview 155 do scale but they are pixelated and blurry compared to sharp / might be vector like of Chrome Canary 109 and Firefox Nightly 107.

I updated the JSFiddle to remove -webkit- as well to test it on Firefox:

https://jsfiddle.net/657j2wqc/show

Appreciate if someone can comment whether we need to have separate bug for pixelation / blurry or we can use this as well. Thanks!

[Aditya Keerthi]

(In reply to Ahmad Saleem from comment #2)
> I am not able to reproduce original issue and it seems that Safari 16 and
> Safari Technology Preview 155 do scale but they are pixelated and blurry
> compared to sharp / might be vector like of Chrome Canary 109 and Firefox
> Nightly 107.
> 
> I updated the JSFiddle to remove -webkit- as well to test it on Firefox:
> 
> https://jsfiddle.net/657j2wqc/show
> 
> Appreciate if someone can comment whether we need to have separate bug for
> pixelation / blurry or we can use this as well. Thanks!

The bug for pixelation / blurriness is https://bugs.webkit.org/show_bug.cgi?id=148675. 

(AppKit has fixed size controls, so a fix to that issue would require changes in AppKit, or changes to how controls are drawn in WebKit)

[Simon Fraser (smfr)]

This is improved in macOS Tahoe