Closed Bug 1481307 Opened 6 years ago Closed 2 years ago

Element border display bug when transformed

Categories

(Core :: Web Painting, defect, P3)

58 Branch
defect

Tracking

()

RESOLVED DUPLICATE of bug 1258112
Tracking Status
firefox61 --- affected
firefox62 --- affected
firefox63 --- affected

People

(Reporter: lzhang, Unassigned)

References

Details

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
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
Component: Untriaged → Layout
Flags: needinfo?(lzhang)
Product: Firefox → Core
Hi, sorry the jsfiddle was updated by accident. This is the new one https://jsfiddle.net/tcspd7za/13/
Flags: needinfo?(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
Thanks for the updated jsfiddle. I can clearly see the border issue now. The issue is reproducible on Win10 and OS X.
Status: UNCONFIRMED → NEW
Has STR: --- → yes
Ever confirmed: true
OS: Unspecified → All
Hardware: Unspecified → All
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?
Component: Layout → Layout: Web Painting
Flags: needinfo?(matt.woodrow)
Possible duplicate of bug 1476379.
Priority: -- → P3
Status: NEW → RESOLVED
Closed: 2 years ago
Flags: needinfo?(matt.woodrow)
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.