976428 - cannot do pointer-events none on panel

Status: UNCONFIRMED

(Core :: DOM: UI Events & Focus Handling, defect)

Description

[noitidart]

User Agent: Mozilla/5.0 (Windows NT 5.1; rv:27.0) Gecko/20100101 Firefox/27.0 (Beta/Release)
Build ID: 20140212131424

Steps to reproduce:

run this code from scratchpad to create panel element with pointer-events none. double click the panel to remove it from the dom.

var win = Services.wm.getMostRecentWindow('navigator:browser');
var panel = win.document.createElement('panel');
var screen = Services.appShell.hiddenDOMWindow.screen;
var props = {
    noautohide: true,
    noautofocus: false,
    level: 'top',
    style: 'padding:15px; margin:0; width:200px; height:200px; background-color:rgba(0,0,0,0.1); -moz-pointer-events:none; border:0; -moz-appearance:none !important;'
}
for (var p in props) {
    panel.setAttribute(p, props[p]);
}

panel.addEventListener('dblclick',function() {
    panel.parentNode.removeChild(panel);
}, false);


win.document.querySelector('#mainPopupSet').appendChild(panel);

panel.openPopup(null, 'overlap', screen.availLeft, screen.availTop);


Actual results:

pointer-events are caught, it does not allow highlighting of text underneath etc


Expected results:

pointer events should be ignored

Comment 1

[[:Aleksej]]

firefox-27.0.en-US.linux64
firefox-28.0b6.en-US.linux64
2014-03-02-03-02-03-mozilla-central-firefox-30.0a1.ru.linux-x86_64

Either the panel disappears right after appearing, or Scratchpad shows "Exception: Services is not defined".

Comment 2

[noitidart]

Ah please set scratchpad environment to "Browser". It's an XUL thing.

Comment 3

[[:Aleksej]]

Same, but maybe the environment doesn't actually matter: although the panel is not visible (maybe that's what hiddenDOMWindow means?),
clicks and hovers in that area don't work.  After double clicking, they do work.

Moving per bug 880671, though I don't understand.

Comment 4

[noitidart]

Ohhhh oooops pasted wrong code haha Ill update it. instead of hiddenDOMWindow it should be Services.wm.getMostRecentWindow('navigator:browser')

Comment 5

[noitidart]

oh wait no dude it works i just use hiddenDOMWindow to get the screen dimensions :P. it adds a panel at top left at 0,0 of screen thats very faint its opactiy is .2

Comment 6

[noitidart]

Environment must be Browser otherwise will fail for sure. Because I use Services.jsm

Comment 7

[Cameron McCormack (:heycam)]

Have we ever supported prefixed -moz-pointer-events?  Regardless, we don't now.  Does it work if you replace it with 'pointer-events: none' without the prefix?

Comment 8

[noitidart]

Hi Cameron, I tried it out, it was same situation :(
So in total i tried these 4 combintations:
-moz-pointer-events:-moz-none;
-moz-pointer-events:none;
pointer-events:-moz-none;
pointer-events:none;

none of them work the panel still takes poitner events