Closed Bug 1451776 Opened 8 years ago Closed 2 years ago

Multiple non-blurred box-shadows render slight gaps

Categories

(Core :: Graphics: WebRender, defect, P3)

Product:
Core
Component:
Graphics: WebRender
Version:
61 Branch
Type:
defect

Tracking

()

Status:
RESOLVED FIXED
Tracking Flags:
Tracking Status
firefox59 --- affected
firefox60 --- affected
firefox61 --- affected

People

(Reporter: danny_joris, Unassigned)

References

(
URL
)

Details

(Keywords: nightly-community)

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_3) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/65.0.3325.162 Safari/537.36 Steps to reproduce: I created an element with multiple non-blurred box-shadows, and positioned them in a raster-like order. Tested in FF (59.0.2 (64-bit)) and FF Nightly (61.0a1 (2018-04-04) (64-bit)). Actual results: Small gaps are visible between the box-shadows. Expected results: All the box-shadows should align tightly against each other, just like you would expect from normal html elements. It does work correctly in Chrome and Safari, but not in Firefox. Here is a codepen to illustrate: https://codepen.io/DannyJoris/pen/KoxMwG The odd thing is that if I add transform: translate(0, 0) it does render correctly.
Confirmed with Mozilla/5.0 (X11; Linux x86_64; rv:61.0) Gecko/20100101 Firefox/61.0 ID:20180405104009
Status: UNCONFIRMED → NEW
status-firefox59: --- → affected
status-firefox60: --- → affected
status-firefox61: --- → affected
Component: Untriaged → Graphics
Ever confirmed: true
Keywords: nightly-community
Product: Firefox → Core
Priority: -- → P3
Severity: normal → S3
URL: https://codepen.io/DannyJoris/pen/KoxMwG
Component: Graphics → Graphics: WebRender

Looks correct now.

Status: NEW → RESOLVED
Closed: 2 years ago
Resolution: --- → FIXED
You need to log in before you can comment on or make changes to this bug.