Bug 139626

Summary:	Transform:scale content goes wrong on browser zoom
Product:	WebKit	Reporter:	Priit Pirita <atirip>
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	bjonesbe, graouts, rik, simon.fraser, srdjan.prodanovic, webkit-bug-importer
Priority:	P2	Keywords:	InRadar
Version:	528+ (Nightly build)
Hardware:	Unspecified
OS:	OS X 10.10
URL:	http://jsfiddle.net/yjydm7ce/1/

Description Priit Pirita 2014-12-14 03:02:43 PST

Example URL:
http://jsfiddle.net/yjydm7ce/1/

Steps to reproduce the problem:
1. Any content with transform: scale
2. Use Browser Zoom that is not 100%
 

What is the expected behavior?
All content shall scale, using browser zoom, in unison.

What went wrong?
Transformed content scales differently from non transformed content.

Comment 1 Srđan Prodanović 2015-03-17 05:36:50 PDT

I am using zoom to make a flexible canvas o dom elements. So far I had to omit using scale and can not utilise the hardware accellerations of matrix transorms.

Comment 2 Radar WebKit Bug Importer 2015-03-19 17:02:31 PDT

<rdar://problem/20232644>

Comment 3 Rik Schennink 2017-12-08 05:12:36 PST

I recently ran into this problem as well. 

I've setup this test case:
https://codepen.io/rikschennink/pen/YEbgBa