1476379 - Border issue (pixels) when using floating point numbers in css transform: scale()

Status: RESOLVED DUPLICATE of bug 1258112

(Core :: Layout: Images, Video, and HTML Frames, defect, P3)

Description

[cmercado]

Attachment: transformScale.html

User Agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0
Build ID: 20180704194802

Steps to reproduce:

Place mouse over the box and wait for the hover.


Actual results:

A random border(s) disappears. It eliminate pixels from any border. This happens for any scale like transform: scale(0.5); and transform: scale(1.5); Integers doesn't affect the borders with this issue like transform: scale(2);. The code replicates zoom. The actual protected code uses other methods to zoom and happens the same issue. As tested, it only happens using Mozilla Firefox web browser. Tested version: Mozilla Firefox Quantum version: 61.0.1 (64-bit).


Expected results:

The borders should not disappear randomly or decrease in pixels randomly.

Comment 1

[Stefan [:StefanG_QA]]

Mozilla/5.0 (X11; Linux x86_64; rv:63.0) Gecko/20100101 Firefox/63.0 (20180720101508)

I have tested this report on Windows 10 x64, Ubuntu 18.04 x65 and OS X 10.12 using latest Nightly, Beta 62.0b9 and Firefox release build. I was able to reproduce the mentioned behavior on all tested platforms using the attached test case. When hovering the div element in order to zoom it in, some of the div element borders disappeared. I would expect the element to be zoomed correctly with borders to disappear.

Comment 2

[cmercado]

(In reply to Stefan [:StefanG_QA] from comment #1)
> Mozilla/5.0 (X11; Linux x86_64; rv:63.0) Gecko/20100101 Firefox/63.0
> (20180720101508)
> 
> I have tested this report on Windows 10 x64, Ubuntu 18.04 x65 and OS X 10.12
> using latest Nightly, Beta 62.0b9 and Firefox release build. I was able to
> reproduce the mentioned behavior on all tested platforms using the attached
> test case. When hovering the div element in order to zoom it in, some of the
> div element borders disappeared. I would expect the element to be zoomed
> correctly with borders to disappear.

Thank you for your service and reply, Stefan. By that last sentence you wrote, do you mean to say that the borders should disappear when zooming in/out? We tested this on Google Chrome and the borders remained which we believed to be the expected behavior. Please let us know if there is a solution to this issue or a potential workaround while this gets patched.

Comment 3

[Stefan [:StefanG_QA]]

Thank for pointing out my typo. It should read like: "I would expect the element to be zoomed correctly WITHOUT borders to disappear.", Apologies!

Comment 4

[Daniel Holbert [:dholbert]]

I think this is essentially the same issue as bug 1258112 (the disappearing-borders-on-downscale part, at least). Duping. If/when we fix bug 1258112, we can potentially spin off another bug for any asymmetry that may remains at that point.