Open Bug 1417750 Opened 7 years ago Updated 2 years ago

White border appears on rotated element with box-shadow

Categories

(Core :: Graphics, defect, P3)

57 Branch
Unspecified
All
defect

Tracking

()

People

(Reporter: theodorejb, Unassigned, NeedInfo)

References

Details

(Whiteboard: [gfx-noted])

Attachments

(1 file)

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:57.0) Gecko/20100101 Firefox/57.0 Build ID: 20171112125346 Steps to reproduce: Added box-shadow to a div with transform: rotate. Example: https://jsfiddle.net/xrrbd3b1/. Actual results: An unexpected white border appears between the div and box-shadow. Expected results: There shouldn't be any white border. Microsoft Edge and Chrome both render it correctly without a white border.
Component: Untriaged → Graphics
Product: Firefox → Core
I can reproduce the issue with my mac laptop.
Status: UNCONFIRMED → NEW
Ever confirmed: true
OS: Unspecified → All
Priority: -- → P2
Whiteboard: [gfx-noted]
Flags: needinfo?(hshih)
Blocks: wr-76
Priority: P2 → P3
Blocks: wr-77
No longer blocks: wr-76
Blocks: wr-78
No longer blocks: wr-77
No longer blocks: wr-78
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: