1832501 - css transform: scale(1) causes visual change on element

Status: UNCONFIRMED

(Core :: Web Painting, defect)

Description

[amir.hossein7464]

Attachment: Screencast from 05-10-2023 09:29:08 PM.webm

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:109.0) Gecko/20100101 Firefox/114.0

Steps to reproduce:

Apply transform: scale(1) to any element on any website.

https://play.tailwindcss.com/FYJ9XB8teW

Actual results:

Element causes a visual change which is strange

Expected results:

Nothing. Scale to 1 should not apply any change to the element because of its default value of scale.

Comment 1

[amir.hossein7464]

Demo with pure CSS:
https://jsbin.com/cayewejipo/edit?html,css,output

Comment 2

[BugBot [:suhaib / :marco/ :calixte]]

The Bugbug bot thinks this bug should belong to the 'Core::Web Painting' component, and is moving the bug to that component. Please correct in case you think the bot is wrong.

Comment 3

[Jonathan Kew [:jfkthame]]

This is presumably because the presence of the transform property blocks us from using subpixel antialiasing, and so the text reverts to grayscale AA instead.

I suppose we could try to detect and special-case a "no-op" transform (presumably the same would happen with something like rotate(0deg), etc), but not sure it's worth it?