# \[Babylon.js v4.1.0-beta.24\] ArcRotateCamera doesn't change view with mouse movement in Safari, but works fine in Chrome

**URL:** <https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710>\
**Category:** Questions\
**Created:** [April 3, 2020, 7:18am UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710 "2020-04-03T07:18:59Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![gbz](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/gbz/32/23780_2.png) [@gbz](https://forum.babylonjs.com/u/gbz)\
**Post date:** [April 3, 2020, 7:18am UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/1 "2020-04-03T07:18:59Z")

</div>

I cloned @renjianfeng’s [BabylonTPSDemo](https://github.com/renjianfeng/BabylonTPSDemo/blob/master/README.md), which uses `Babylon.js v3.1-alpha` and the `ArcRotateCamera` works perfectly in Chrome/Windows and Safari/Mac. However, when I change its `index.html` to use `Babylon.js v4.1.0-beta.24`, the `ArcRotateCamera` only responds to mouse movement in Chrome/Windows and fails to respond on Safari/Mac.

Please refer to the same [playground](https://www.babylonjs-playground.com/#3EDS3A#9) in the Question: [Raycast to check if player is standing on ground](https://forum.babylonjs.com/t/raycast-to-check-if-player-is-standing-on-ground/9649). This is a simplified version of @renjianfeng’s demo. Again, `ArcRotateCamera` only responds to mouse movement in Chrome/Windows and fails to respond on Safari/Mac.

The `canvas.requestPointerLock()` method seems to be working on Safari/Mac. But after activating pointer lock by clicking inside the scene, `ArcRotateCamera` doesn’t rotate according to mouse movements in Safari/Mac.

---

<div class="post-metadata">

**Author:** ![RaananW](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/raananw/32/28955_2.png) [@RaananW](https://forum.babylonjs.com/u/RaananW)\
**Post date:** [April 3, 2020, 10:38am UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/2 "2020-04-03T10:38:52Z")

</div>

I can’t really test it because I don’t currently have a mac next to me, but can I ask why you are using an alpha version of 4.1? have you tried this with latest 4.2 alpha? or with 4.1 stable? does it react the same?

---

<div class="post-metadata">

**Author:** ![Deltakosh](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/deltakosh/32/26635_2.png) [@Deltakosh](https://forum.babylonjs.com/u/Deltakosh)\
**Post date:** [April 3, 2020, 3:41pm UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/3 "2020-04-03T15:41:26Z")

</div>

Pinging @cedric who may be able to test

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)\
**Post date:** [April 3, 2020, 4:07pm UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/4 "2020-04-03T16:07:24Z")

</div>

I can repro the issue!

---

<div class="post-metadata">

**Author:** ![gbz](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/gbz/32/23780_2.png) [@gbz](https://forum.babylonjs.com/u/gbz)\
**Post date:** [April 3, 2020, 5:40pm UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/5 "2020-04-03T17:40:05Z")

</div>

Thank you for checking in, @RaananW! As you mentioned, I should have updated to 4.2 in my local environment. However, according to the console log, it seems that the [Playground](https://www.babylonjs-playground.com/#3EDS3A#9) uses `Babylon.js v4.2.0-alpha.9` and has a similar issue on Safari/Mac.

Thank you @Deltakosh and @Cedric for helping repro the issue!

I should have mentioned earlier: `ArcRotateCamera` behaves as expected on Chrome/Mac (and Chrome/Windows), but not on Safari/Mac.

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)\
**Post date:** [April 3, 2020, 5:50pm UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/6 "2020-04-03T17:50:38Z")

</div>

Sounds good! I’ll try to find a fix next monday.

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)\
**Post date:** [April 7, 2020, 3:52pm UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/7 "2020-04-07T15:52:05Z")

</div>

I filled an issue [[Input] PointerEvents and Safari · Issue #7995 · BabylonJS/Babylon.js · GitHub](https://github.com/BabylonJS/Babylon.js/issues/7995)

---

<div class="post-metadata">

**Author:** ![alvov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/alvov/32/2061_2.png) [@alvov](https://forum.babylonjs.com/u/alvov)\
**Post date:** [June 30, 2020, 9:05am UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/8 "2020-06-30T09:05:49Z")

</div>

Hi, shouldn’t the types for `PointerInfo` be updated? it seems that `event` now should rather be of type:

```auto
event: PointerEvent | MouseEvent | MouseWheelEvent;

```

Otherwise for desktop safari using pointer event specific fields (like `pointerId`) would lead to bugs since they’re not defined for mouse events 🤔

---

<div class="post-metadata">

**Author:** ![Cedric](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/cedric/32/2742_2.png) [@Cedric](https://forum.babylonjs.com/u/Cedric)\
**Post date:** [June 30, 2020, 9:19am UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/9 "2020-06-30T09:19:50Z")

</div>

IIRC, @sebavan did some changes regarding this issue.

---

<div class="post-metadata">

**Author:** ![sebavan](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/sebavan/32/57_2.png) [@sebavan](https://forum.babylonjs.com/u/sebavan)\
**Post date:** [June 30, 2020, 12:15pm UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/10 "2020-06-30T12:15:20Z")

</div>

I agree the typings might not be fully adequate but it is normally all handled in the input manager.

---

<div class="post-metadata">

**Author:** ![Big\_K](https://avatars.discourse-cdn.com/v4/letter/b/a6a055/32.png) [@Big\_K](https://forum.babylonjs.com/u/Big_K)\
**Post date:** [May 19, 2021, 10:06pm UTC](https://forum.babylonjs.com/t/babylon-js-v4-1-0-beta-24-arcrotatecamera-doesnt-change-view-with-mouse-movement-in-safari-but-works-fine-in-chrome/9710/11 "2021-05-19T22:06:15Z")

</div>

I have scenes working great in all browsers except safari which won’t rotate the arc-rotate camera. Everything else seems to work great. It doesn’t work with touchpad or mouse even with the default playground scene. I’ve attached a screenshot of the errors that come up with the default scene. I think this issue was closed from before, so not sure if it’s a bug that’s come up again? I’m not usually a Mac user, but its a requirement for our application to work with all standard browsers. I’m using safari Version 14.0.3 (15610.4.3.1.6, 15610). Any guidance would be most appreciated. I’m a 3D modeler who has recently been thrown into developing for web, so apologies if I’m missing something obvious.

 ![Screen Shot 2021-05-19 at 5.56.13 PM](https://us1.discourse-cdn.com/flex024/uploads/babylonjs/original/3X/3/f/3f0e92cd4bb8458d2e7b69287e0e84dc86e86fe3.jpeg)
