Glitches with inline SVG transform and mask

NEW
Unassigned

Status

()

Core
Graphics
P3
normal
2 years ago
4 months ago

People

(Reporter: zaycakitayca, Unassigned)

Tracking

(Blocks: 1 bug)

48 Branch
Unspecified
Windows
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Whiteboard: [gfx-noted])

(Reporter)

Description

2 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

2 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

11 months ago
transform="skewY(x)"
we see this glitch only if x is a negative number
Priority: -- → P3
You need to log in before you can comment on or make changes to this bug.