Getting exception on onControllerMeshLoadedObservable callback on Firefox

[HoloLite]

I am getting this exception when I click the trigger button on the Firefox/Vive/Steam platform.

Note that this works fine on same machine with Supermedium browser (Supermedium/Vive/Steam stack). And certainly runs fine with Edge/WinMR hmd.

The impacted code snippet follows:

 this._vrHelper.onControllerMeshLoadedObservable.add((c: BABYLON.WebVRController, eventState: BABYLON.EventState) => {
                console.log('>>>> onControllerMeshLoadedObservable');
                let controller = <BABYLON.WindowsMotionController>c;

                controller.onMenuButtonStateChangedObservable.add((eventData: BABYLON.ExtendedGamepadButton, eventState: BABYLON.EventState) => {
                    this.menuButtonObserver(controller, eventState);
                });

                controller.onTriggerButtonStateChangedObservable.add((eventData: BABYLON.ExtendedGamepadButton, eventState: BABYLON.EventState) => {
                    this.triggerButtonObserver(controller, eventState);
                });

                controller.onTouchpadValuesChangedObservable.add((stickValue: BABYLON.StickValues, eventState: BABYLON.EventState) => {
                    this.touchpadValueObserver(stickValue, eventState);
                });

                controller.onTouchpadButtonStateChangedObservable.add((gamepadButton: BABYLON.ExtendedGamepadButton, eventState: BABYLON.EventState) => {
                    this.touchpadButtonObserver(gamepadButton, eventState);
                });

                console.log('<<<< onControllerMeshLoadedObservable');
            });

This is kinda bizarre as supermedium and firefox are supposed to be similar. Don't know if this is babylonjs issue or firefox issue, if anyone knows please let me know.

And here is the console log errors on FireFox:

[Guest]

How can we repro this issue? Do you have a hosted version somewhere?

Pinging @trevordev

[HoloLite]

It's only running locally here unfortunately.

I will try to create a PG that can repro this. Will let you know.

[Guest]

Thanks!

[trevordev]

I managed to repro. Looks like "new PointerEvent()" does not work in FireFox but is supported in Edge and Chrome  

Created: https://github.com/BabylonJS/Babylon.js/issues/3916

[trevordev]

To work around this for now it looks like you can got to about:config in firefox and set dom.w3c_pointer_events.enabled to true

[HoloLite]

Great, you found the issue. I will try the work around. Thanks! 

[trevordev]

So it looks like Babylon does not provide a poly-fill for the PointerEvent constructor (see discussion in the issue I created above). To get support for this in firefox you can include the PEP poly-fill (https://github.com/jquery/PEP) 

How to do this is described here: http://doc.babylonjs.com/babylon101/first 

[HoloLite]

@trevordev Thanks for the info! I will do this approach for now.

Going forward, will babylon add this support or do I need to keep using the pep.js ?

[trevordev]

You will need to keep using pep.js for now. Hopefully firefox will add support for this without the flag in the future.