# WebXR and BABYLON.GUI.GUI3DManager / BABYLON.GUI.HolographicButton

**URL:** <https://forum.babylonjs.com/t/webxr-and-babylon-gui-gui3dmanager-babylon-gui-holographicbutton/8769>\
**Category:** Questions\
**Created:** [February 25, 2020, 2:12am UTC](https://forum.babylonjs.com/t/webxr-and-babylon-gui-gui3dmanager-babylon-gui-holographicbutton/8769 "2020-02-25T02:12:25Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Jacob\_Durrant](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jacob_durrant/32/2052_2.png) [@Jacob\_Durrant](https://forum.babylonjs.com/u/Jacob_Durrant)\
**Post date:** [February 25, 2020, 2:12am UTC](https://forum.babylonjs.com/t/webxr-and-babylon-gui-gui3dmanager-babylon-gui-holographicbutton/8769/1 "2020-02-25T02:12:25Z")

</div>

I’m currently porting a WebVR app to WebXR. I’ve got it mostly working, but my in-game menu system built using BABYLON.GUI.GUI3DManager and BABYLON.GUI.HolographicButton has broken. It works fine before entering WebXR, but the buttons strangely disappear once WebXR starts.

Here’s a playground that reproduces the problem:

[https://playground.babylonjs.com/#MJCEBH#1](https://playground.babylonjs.com/#MJCEBH#1)

The problem arises in both Firefox on Windows (with the WebXR polyfill) and in the Oculus Quest (with WebXR natively, I think).

I never had this problem when using WebVR.

Thanks for your help!

EDIT: Meant to mention that the same thing happens in Chrome macOS when the WebXR device emulator browser extension is installed, in case it helps with debugging. Thanks.

---

<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:** [February 25, 2020, 7:41am UTC](https://forum.babylonjs.com/t/webxr-and-babylon-gui-gui3dmanager-babylon-gui-holographicbutton/8769/2 "2020-02-25T07:41:53Z")

</div>

hi @Jacob_Durrant,

you found an amazing bug just in time! fixing it now 🙂

---

<div class="post-metadata">

**Author:** ![Jacob\_Durrant](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jacob_durrant/32/2052_2.png) [@Jacob\_Durrant](https://forum.babylonjs.com/u/Jacob_Durrant)\
**Post date:** [February 26, 2020, 6:48am UTC](https://forum.babylonjs.com/t/webxr-and-babylon-gui-gui3dmanager-babylon-gui-holographicbutton/8769/3 "2020-02-26T06:48:37Z")

</div>

Oh nice! Thanks for all your help.

---

<div class="post-metadata">

**Author:** ![Jacob\_Durrant](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/jacob_durrant/32/2052_2.png) [@Jacob\_Durrant](https://forum.babylonjs.com/u/Jacob_Durrant)\
**Post date:** [February 27, 2020, 5:55am UTC](https://forum.babylonjs.com/t/webxr-and-babylon-gui-gui3dmanager-babylon-gui-holographicbutton/8769/4 "2020-02-27T05:55:17Z")

</div>

FYI, I can confirm that this works fine in the latest version of Babylon. Thanks again for your help!

---

<div class="post-metadata">

**Author:** ![Bagynur\_Kabykenov](https://sea2.discourse-cdn.com/flex024/user_avatar/forum.babylonjs.com/bagynur_kabykenov/32/27620_2.png) [@Bagynur\_Kabykenov](https://forum.babylonjs.com/u/Bagynur_Kabykenov)\
**Post date:** [January 14, 2023, 12:03pm UTC](https://forum.babylonjs.com/t/webxr-and-babylon-gui-gui3dmanager-babylon-gui-holographicbutton/8769/5 "2023-01-14T12:03:22Z")

</div>

hi, but it doesnt work in multiview webxr

---

<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:** [January 16, 2023, 6:23pm UTC](https://forum.babylonjs.com/t/webxr-and-babylon-gui-gui3dmanager-babylon-gui-holographicbutton/8769/6 "2023-01-16T18:23:57Z")

</div>

oh, reviving a 3 years old issue is probably not what you wanted to do 🙂

If you can, please create a new issue describing what exactly doesn’t work. Thanks!