765679 - Fennec does not respect pointer-events

Status: NEW

Description

[Brian Birtles (:birtles)]

Created attachment 633973 [details]
Test case

Fennec does not appear to support the pointer-events property.

In the attached test case there are two squares, a red and a blue. Over the top of the squares are two overlays (for hit testing purposes; typically the shape underneath would be something much more complex).

The red overlay has a fill of none and pointer-events="all".

The blue overlay has a fill but the shape has zero opacity.

An event handler is attached to each overlay.

Clicking either of the shapes should produce a pop-up indicating the color that was clicked. This works in desktop Firefox (v15) and other browsers (e.g. Safari).

On Fennec 14 running on Android 4.0 HTC Sense 4.0 I don't get any response when pressing the red square, only the blue. It appears the pointer-events property is not respected. Or that's my best guess anyway.

For reference, pointer-events comes from SVG but can now be used in CSS on HTML content as well.

Comment 1

[Martijn Wargers (zombie)]

This also doesn't seem to work in XUL Fennec, so no regression.
Not sure why pointer-events are not working in this case.