Glitches with inline SVG transform and mask

NEW
Unassigned

Status

()

Product:
Core
Component:
Graphics
Importance:
P3
normal
Reported:
3 years ago
Modified:
a year ago

People

(Reporter: zaycakitayca, Unassigned)

Tracking

(Blocks: 1 bug)

Version:
48 Branch
Platform:
Unspecified
Windows
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [gfx-noted])

(Reporter)

Description

•
3 years ago 
User Agent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.95 Safari/537.36

Steps to reproduce:

https://jsfiddle.net/nrpb6p15/


Actual results:

On Win7/FF47 and Win10/FF48 SVG image renders with square or triangle holes, randomly redraws with flickering on page scroll
Component: Untriaged → Graphics
Product: Firefox → Core
Status: UNCONFIRMED → NEW
Ever confirmed: true
Flags: needinfo?(cku)
Whiteboard: [gfx-noted]
OS: Unspecified → Windows

Comment 1

•
3 years ago 
Simpler version
https://jsfiddle.net/nrpb6p15/1/

This bug is not relative to mask.

Comment 2

•
2 years ago 
I don't have time for this bug right now, let's put it in Astley's radar(by linking with bug 1262352)
Blocks: 1262352
Flags: needinfo?(cku)

Comment 3

•
2 years ago 
transform="skewY(x)"
we see this glitch only if x is a negative number
You need to log in before you can comment on or make changes to this bug.