# Hiding hover cursor

**URL:** <https://forum.babylonjs.com/t/hiding-hover-cursor/53235>\
**Category:** Questions\
**Created:** [September 5, 2024, 2:17pm UTC](https://forum.babylonjs.com/t/hiding-hover-cursor/53235 "2024-09-05T14:17:12Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![flex](https://avatars.discourse-cdn.com/v4/letter/f/8baadc/32.png) [@flex](https://forum.babylonjs.com/u/flex)\
**Post date:** [September 5, 2024, 2:17pm UTC](https://forum.babylonjs.com/t/hiding-hover-cursor/53235/1 "2024-09-05T14:17:12Z")

</div>

Hi Everyone-

How can I hide the hover cursor?

The playground below hides the arrow cursor when you press the h key. But it does not hide the hover cursor (pointer). I can change the scene.hoverCursor but this does not takes effect until I move the pointer.

The sphere has the hover cursor. The plane does not.

Alternately, is there a way to prevent bjs from doing a hover action on meshes that have ActionManager.OnPickTrigger?

> **[Babylon.js Playground](https://playground.babylonjs.com/#1BTVI2%237)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes

Any ideas?

Thanks!

Flex

---

<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:** [September 5, 2024, 5:03pm UTC](https://forum.babylonjs.com/t/hiding-hover-cursor/53235/2 "2024-09-05T17:03:15Z")

</div>

The scene’s `doNotHandleCursors` is what you are looking for.

You could also use the scene’s hoverCursor like this:

[hover test | Babylon.js Playground (babylonjs.com)](https://playground.babylonjs.com/#1BTVI2#8)

---

<div class="post-metadata">

**Author:** ![Tricotou](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/tricotou/32/5844_2.png) [@Tricotou](https://forum.babylonjs.com/u/Tricotou)\
**Post date:** [September 5, 2024, 5:09pm UTC](https://forum.babylonjs.com/t/hiding-hover-cursor/53235/3 "2024-09-05T17:09:53Z")

</div>

You can also customize the onHover cursor, on the actionManager :

```javascript
sphere.actionManager.hoverCursor = ""; // (default behavior)
sphere.actionManager.hoverCursor = "none"; // no cursor
sphere.actionManager.hoverCursor = "default"; // normal mouse cursor (no pointer)

```

---

<div class="post-metadata">

**Author:** ![flex](https://avatars.discourse-cdn.com/v4/letter/f/8baadc/32.png) [@flex](https://forum.babylonjs.com/u/flex)\
**Post date:** [September 5, 2024, 6:45pm UTC](https://forum.babylonjs.com/t/hiding-hover-cursor/53235/4 "2024-09-05T18:45:25Z")

</div>

Thanks, Raanan.

doNotHandleCursors = true fixes the problem. Changing scene.hoverCursor does not, as it does not hide the cursor until the pointer moves.

> **[Babylon.js Playground](https://playground.babylonjs.com/#1BTVI2%239)**
>
> Babylon.js playground is a live editor for Babylon.js WebGL and WebGPU 3D scenes

I appreciate all the help!

-Flex

---

<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:** [September 6, 2024, 12:40pm UTC](https://forum.babylonjs.com/t/hiding-hover-cursor/53235/5 "2024-09-06T12:40:23Z")

</div>

you can decide when to change it, but yeah - I thought the global flag would make more sense in your use case.