1129956 - SVG opacity gradient masks not working with large viewBoxes

Status: RESOLVED WORKSFORME

(Core :: SVG, defect)

Description

[zach.silversmith]

Attachment: A screenshot of what the rect looks like in Chrome

User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/41.0.2272.35 Safari/537.36

Steps to reproduce:

Open up this fiddle: http://jsfiddle.net/q4s69mnj/



Actual results:

The SVG shape with a opacity gradient mask is not rendered.


Expected results:

The SVG shape is rendered. It also doesn't work on Firefox on Mac. Note that this renders correctly on Chrome and IE.

Comment 1

[Milan Sreckovic [:milan] (needinfo for best results)]

Are you still seeing this problem?  If so, can you attach the graphics section of about:support

Comment 2

[Florens Verschelde :fvsch]

I can confirm this issue on Firefox 51 and 52 on macOS. The gradient renders sometimes, but tends to disappear when you resize the iframe it’s rendered in. Or it’s invisible to begin with, but can appear on resize.

Graphics section of about:support:

Features
Compositing	OpenGL
Asynchronous Pan/Zoom	wheel input enabled
WebGL Renderer	Intel Inc. -- Intel(R) Iris(TM) Graphics 6100
WebGL2 Renderer	Intel Inc. -- Intel(R) Iris(TM) Graphics 6100
Hardware H264 Decoding	Yes
Audio Backend	audiounit

GPU #1
Active	Yes
Vendor ID	0x8086
Device ID	0x162b

Diagnostics
AzureCanvasAccelerated	1
AzureCanvasBackend	skia
AzureContentBackend	skia
AzureFallbackCanvasBackend	none
TileHeight	1024
TileWidth	1024

I’ve seen the same issue (with a bit more "appearing" and a bit less "disappearing") on Windows too.

Comment 3

[u459114]

I can repro this issue on all platforms, and will look into why soon

Comment 4

[u459114]

Hmm... I try to look into this bug today but can not repro anymore on nightly