# GizmoManager incompatible with GUI3DManager

**URL:** <https://forum.babylonjs.com/t/gizmomanager-incompatible-with-gui3dmanager/22972>\
**Category:** Bugs\
**Created:** [August 10, 2021, 8:27pm UTC](https://forum.babylonjs.com/t/gizmomanager-incompatible-with-gui3dmanager/22972 "2021-08-10T20:27:21Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![FrameVRWill](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/framevrwill/32/13756_2.png) [@FrameVRWill](https://forum.babylonjs.com/u/FrameVRWill)\
**Post date:** [August 10, 2021, 8:27pm UTC](https://forum.babylonjs.com/t/gizmomanager-incompatible-with-gui3dmanager/22972/1 "2021-08-10T20:27:21Z")

</div>

When a scene has both the GizmoManager and the GUI3DManager instatiated with default settings, the gizmos are no longer rendered on top and instead are occluded by scene geometry. This occurs because GUI3DManager alters the `autoClearDepthAndStencil` of the default utility layer.

Reprex: [https://playground.babylonjs.com/#4TBMBR#68](https://playground.babylonjs.com/#4TBMBR#68)

Source: [Babylon.js/gui3DManager.ts at 9a683e8bf114a1d66648801631e9c8dbc4529415 · BabylonJS/Babylon.js · GitHub](https://github.com/BabylonJS/Babylon.js/blob/9a683e8bf114a1d66648801631e9c8dbc4529415/gui/src/3D/gui3DManager.ts#L95)

Workaround: You can create a new utility layer to pass into GizmoManager and it will work again.

For my case, I’d rather use a new utility layer for the GUI3DManager instead, but it seems there’s no constructor option or public properties that allow you to change the utility layer for GUI3DManager away from the default

---

<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:** [August 10, 2021, 9:43pm UTC](https://forum.babylonjs.com/t/gizmomanager-incompatible-with-gui3dmanager/22972/2 "2021-08-10T21:43:54Z")

</div>

We should add one for sure  
cc @DarraghBurke if he wants to have a look

---

<div class="post-metadata">

**Author:** ![DarraghBurke](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/darraghburke/32/10621_2.png) [@DarraghBurke](https://forum.babylonjs.com/u/DarraghBurke)\
**Post date:** [August 11, 2021, 8:12pm UTC](https://forum.babylonjs.com/t/gizmomanager-incompatible-with-gui3dmanager/22972/3 "2021-08-11T20:12:38Z")

</div>

Hey @FrameVRWill, allowing you to change the utility layer for GUI3DManager seems like a great idea! Would you be open to making a PR for it? Seems like the changes should be contained to just that class.

If you have any issues with it let me know and I can definitely take a look 🙂
