1514678 - mousewheel preventDefault doesn't work

Status: RESOLVED INVALID

(Firefox :: Untriaged, defect)

Description

[xianshenglu]

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.110 Safari/537.36

Steps to reproduce:

https://codepen.io/xianshenglu/pen/wRWrdX

1. open the url above in firefox
2. move your mouse into pink area
3. scroll or do the mousewheel things
4. my computer is mac 10.13


Actual results:

1. document scrolls


Expected results:

2. document shouldn't scroll

Chrome doesn't scroll. Because I have used `event.preventDefault();` in mousewheel event handler.

Comment 1

[Pascal Chevrel (relman team) -> :pascalc]

Thanks for the report.

As indicated on MDN, mousewheel is not a standard event, you should use the wheel event instead which is standard and also works on Chrome (just tried with your codepen and replacing the call from onmousewheel to onwheel works):

https://developer.mozilla.org/en-US/docs/Web/API/GlobalEventHandlers/onmousewheel

Marking as invalid as a consequence.

Comment 2

[xianshenglu]

However, another problem appears when using onwheel. Scroll bar shows when a wheel button rotates in the pink area while the same thing doesn't happen on Chrome.Do I need to post another bug?

Comment 3

[Pascal Chevrel (relman team) -> :pascalc]

(In reply to xianshenglu from comment #2)
> However, another problem appears when using onwheel. Scroll bar shows when a
> wheel button rotates in the pink area while the same thing doesn't happen on
> Chrome.Do I need to post another bug?

Yes please :) Thanks