Text selection prevents the CSS 'pointer-events' rule being applied.

UNCONFIRMED
Unassigned

Status

()

P5
normal
UNCONFIRMED
6 years ago
3 months ago

People

(Reporter: eli, Unassigned)

Tracking

({testcase})

16 Branch
x86_64
Windows 8
testcase
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

Attachments

(1 attachment)

3.89 KB, text/html
Details
(Reporter)

Description

6 years ago
Created attachment 699017 [details]
test.html

User Agent: Mozilla/5.0 (Windows NT 6.2; WOW64) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.97 Safari/537.11

Steps to reproduce:

The attached test case clearly demonstrates the issue.

The scenario: clicking and dragging an element while passing mouse events through the element by applying a pointer-events:none CSS rule.

Text selection prevents the pointer-events rule being applied.

This results in an incorrect value for event.target in the mousemove event.

A solution is to use -moz-user-select: none; or event.preventDefault() on the click event which initiates the element drag.

Chrome behaves as expected


Actual results:

incorrect value for event.target in the mousemove event.


Expected results:

correct value for event.target in the mousemove event.
(Reporter)

Comment 1

6 years ago
jsfiddle here: http://jsfiddle.net/3ZLwh/

Updated

6 years ago
Attachment #699017 - Attachment mime type: text/plain → text/html
Keywords: testcase
https://bugzilla.mozilla.org/show_bug.cgi?id=1472046

Move all DOM bugs that haven’t been updated in more than 3 years and has no one currently assigned to P5.

If you have questions, please contact :mdaly.
Priority: -- → P5
You need to log in before you can comment on or make changes to this bug.