1243746 - small image transform scale rendering issues

Status: UNCONFIRMED

(Core :: Layout, defect)

Description

[damianstefaniak1987]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36

Steps to reproduce:

Hi,

I'm currently working on a web app and have come accross an issue with <img> rendering.

When you create a small line image 1-3px wide and use transform scale on the wrapping element the line image will start blinking and at some scale it won't be visible. 
I've created an example page to reproduce the issue. Please see 'IMG' line and use scroll to "zoom out".

http://codepen.io/DamianS1987/pen/qbYowp

I was able to recreate the issue on Mac and Win10, FF (version 43.04, and 44.0).

Please let me know if you have any questions. 
Thanks!


Actual results:

When you create a small line image 1-3px wide and use transform scale on the wrapping element the line image will start blinking and at some scale it won't be visible. 


Expected results:

The image element should be visible on any scale.

Comment 1

[ghia]

I do not see the blinking.
But the width shown on the screen is not consistent with the zooming of the transform.
The lines are becoming bigger, but also smaller, for additional steps upwards.
In the small scales of the transform, the line may disappear (= too small to show?), but one step lower, it may appear again.
This behaviour is also to see with IE.

Comment 2

[damianstefaniak1987]

Just to clarify, the line won't be visible on some scale level. It will be blinking during the scale operation, as a result of the lines not being visible on some zoom levels.
I was able to recreate this issue with IE11. It should be fine with Edge(at least the newest version) and Chrome though.
- tested on Win10 and El Captain

Comment 3

[Loic]

Attachment: line.png

Comment 4

[Loic]

Attachment: index.html

Comment 5

[Loic]

Maybe rounding issue.