Bug 139626 - Transform:scale content goes wrong on browser zoom
Summary: Transform:scale content goes wrong on browser zoom
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified OS X 10.10
: P2 Normal
Assignee: Nobody
URL: http://jsfiddle.net/yjydm7ce/1/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2014-12-14 03:02 PST by Priit Pirita
Modified: 2017-12-08 07:13 PST (History)
6 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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