Wheeldelta not working on Firefox

Questions
1

I have a really common code:

case BABYLON.PointerEventTypes.POINTERWHEEL:
var event = pointerInfo.event;
var delta = 0;
if (event.wheelDelta) { 
     delta = event.wheelDelta;
}

And it works nice on Chrome but it doesnt in Firefox (event.wheelDelta is undefined)

Any idea on this?

2

Hi @Escobar
Simply because Firefox wants to feel special sometimes :slight_smile:
We can use event.deltaY instead, as they support that.

Of course, they still want to be weirdos, so value is only +/- 3, other browsers value is around +/-100…
thus the (event.deltaY > 0 ? 100 : -100)

scene.onPointerObservable.add(function(pointerInfo){
    var event = pointerInfo.event;
    var delta = 0;
    if(event.deltaY !== 0){
        delta = (event.deltaY > 0 ? 100 : -100);
    }
    console.log("DeltaY; Browser Value:", event.deltaY, " Normalized: ", delta);
}, BABYLON.PointerEventTypes.POINTERWHEEL);
3 Likes
3

Thank you!