SVG: Setting a filter on an element breaks pointer-events handling

UNCONFIRMED
Unassigned

Status

()

Core
SVG
UNCONFIRMED
3 years ago
3 years ago

People

(Reporter: Paul LeBeau, Unassigned)

Tracking

34 Branch
x86_64
Windows 7
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

(Reporter)

Description

3 years ago
Created attachment 8541984 [details]
pe_filter_test.svg

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.95 Safari/537.36

Steps to reproduce:

Apply both of the following to an SVG element:
(a) a more permissive pointer-events attribute (eg. pointer-events="all"), and
(b) an SVG filter


Actual results:

The pointer-events region appears to be clipped by the filter region.  It doesn't extend as far as it is supposed to.


Expected results:

Load attached file.  If you try it in Chrome, you will see that the pointer changes when you get close to the square (as is designed).  However, on FF, the pointer doesn't change until it is over the square.

If you make the filter region larger, or remove the filter from the rect, FF behaves correctly w.r.t. pointer-events handling.

It appears as if the filter region is clipping/breaking the pointer-events region.
Component: Untriaged → SVG
Product: Firefox → Core
You need to log in before you can comment on or make changes to this bug.