880671 - unclickable scrollbar using overflow auto and pointer-events none

Status: RESOLVED FIXED

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

Description

[cka]

User Agent: Mozilla/5.0 (Windows NT 6.0; WOW64; rv:20.0) Gecko/20100101 Firefox/20.0 (Beta/Release)
Build ID: 20130409194949

Steps to reproduce:

check http://jsfiddle.net/NczQG/2/
click on scrollbar in the output box
try to drag the handle
click on scrollbar arrows


Actual results:

nothing, the scrollbar does not react to my clicks


Expected results:

scrollbar and content should have reacted to my clicks.

Comment 1

[Robert O'Callahan (:roc) (email my personal email if necessary)]

Why should the scrollbar respond to clicks in this testcase? It belongs to an element which is pointer-events:none. This bug looks invalid to me.

Comment 2

[cka]

because the user expects it to react.
either the scrollbar is here and the user can interact with it, or it should not be here.

we cannot set pointer-events on the scrollbar under firefox, so we can't "fix it"

Comment 3

[Robert O'Callahan (:roc) (email my personal email if necessary)]

If you don't want the scrollbar to appear, make the element overflow:hidden.

Comment 4

[cka]

sorry about the delay.
I do want the scrollbar to appear, but i still want clicks on content to fall through to other content below it.

Comment 5

[Robert O'Callahan (:roc) (email my personal email if necessary)]

Is this fixed in nightly builds for you on Windows? I think http://hg.mozilla.org/mozilla-central/rev/f8bf18dceb1c might have fixed it.

Comment 6

[cka]

yes ! it's fixed ! thanks a lot.

Comment 7

[John Smith]

Has this been un-fixed?
Cannot drag scollbar with the mouse using above Jsfiddle :(
Any solution or alternative to keep background content clickable AND be able to drag the scrollbar?