Forum Discussion

🚨 This forum is archived and read-only. To submit a forum post, please visit our new Developer Forum. 🚨
wayne's avatar
wayne
Member
3 years ago

Is WebXR dom-overlay support hidden behind a feature flag?

Hi,

I'm trying to use the WebXR `dom-overlay` feature.  

I've tried some online demos and turning on these Chrome flags:
  1. "WebXR Experiments"
  2. "Experimental Platform features"

But no joy.  

Is this simply not supported?  

Is there any plan to support it?

Thanks
Wayne

10 Replies

  • I would like to emphasize how important the DOM Overlay is also in my WebXR developments. Please, when would it be available?

    Francisco

  • 0xtito's avatar
    0xtito
    Honored Guest

    Hey i dont know if you already found the solution or a work around - but there is a great library I have used to created interfaces with. So when I clicked some button on the interface, I would interact with the dom that way.

    Hope that helps. 
    https://github.com/coconut-xr/koestlich

    • franciscoreis's avatar
      franciscoreis
      Start Member

      Thanks for the link, it does look polished and I liked particularly the text and animation features,

      I do need real DOM elements as in DOM-Overlay WebXR specs to achieve a smooth transition from 2D to 3D to immersive for my https://umniverse.com .

      It seams DOM-Overlay would be easy to implement so I wonder why for now it is still only available in mobile Chrome.

       

  • Was there any update on this? Does the Quest 3 WebXR support DOM overlay now?

    • automaton82's avatar
      automaton82
      Honored Guest

      Hey thanks for the reply. That's the exact sample I use to test, it doesn't show the DOM when you enter AR. There's supposed to be the colored rectangles (I see those), but then also an informational panel and "Exit AR" button coming from the DOM. I don't see those.

       

      Do you?

  • You are right, DOM-overlay must be set as optional so it runs but no DOM elements are shown.

    It is really a pity that Meta does not implement this simple feature part of the WebXR standard.

    Even on Android, why Chrome does not implement it in VR and only in AR? Really strange...

  • Fun fact, it does work for immerisve-ar in the Meta immersive-web-emulator as far as you modify the ar-barebones sample to set:

    <div id="overlay" style ="position: absolute">

     But it does not work on the concrete Meta Quest 3 device. Sounds like the Meta Quest browser does not implement it although the regular Chrome browser does.