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.
Interesting the scale does apply during the check / uncheck animation.
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!
(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)