1481307 - Element border display bug when transformed

Status: RESOLVED DUPLICATE of bug 1258112

(Core :: Web Painting, defect, P3)

Description

[lzhang]

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

Steps to reproduce:

I have an element with a border that isn't displayed properly if transform is applied.  The issue only happens on firefox, chrome and ie handles it.  Here is a jsfiddle of the bug.  Easier to reproduce on a monitor screen

https://jsfiddle.net/tcspd7za/6/


Actual results:

element doesn't have border


Expected results:

element should have border

Comment 1

[Stefan [:StefanG_QA]]

Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6; rv:63.0) Gecko/20100101 Firefox/63.0 20180806100140

I have tested this report using the latest Nightly and Firefox release build (61.0.2) on Win10 x64, OS X 10.12.4 & 10.13.6. I did not manage to reproduce the mentioned behavior. When loading the provided jsfiddle, the element has a border which is displayed correctly for me.

Could re-test using the latest official Firefox release and Nightly build and report back the result?

You can download the latest Nightly build from here: https://download.mozilla.org/?product=firefox-nightly-latest-ssl&os=osx&lang=en-US

or the latest official Firefox build from here: https://download.mozilla.org/?product=firefox-latest-ssl&os=osx&lang=en-US

Comment 2

[lzhang]

Hi, sorry the jsfiddle was updated by accident.  This is the new one
https://jsfiddle.net/tcspd7za/13/

Comment 3

[lzhang]

(In reply to Stefan [:StefanG_QA] from comment #1)
> Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_6; rv:63.0) Gecko/20100101
> Firefox/63.0 20180806100140
> 
> I have tested this report using the latest Nightly and Firefox release build
> (61.0.2) on Win10 x64, OS X 10.12.4 & 10.13.6. I did not manage to reproduce
> the mentioned behavior. When loading the provided jsfiddle, the element has
> a border which is displayed correctly for me.
> 
> Could re-test using the latest official Firefox release and Nightly build
> and report back the result?
> 
> You can download the latest Nightly build from here:
> https://download.mozilla.org/?product=firefox-nightly-latest-
> ssl&os=osx&lang=en-US
> 
> or the latest official Firefox build from here:
> https://download.mozilla.org/?product=firefox-latest-ssl&os=osx&lang=en-US

Also the bug is more noticable on larger monitor screens

Comment 4

[Stefan [:StefanG_QA]]

Thanks for the updated jsfiddle. I can clearly see the border issue now. The issue is reproducible on Win10 and OS X.

Comment 5

[Sean Voisen (:svoisen)]

At 2px and above the border renders. Feels like a painting issue. Chrome renders the border with anti-aliasing. Should we always expect a 1px border to render no matter the transform scale?

:mattwoodrow – Maybe you can shed some light here or direct this to the right folks?

Comment 6

[Miko Mynttinen]

Possible duplicate of bug 1476379.