不能在 AR 会话后面使用共享对话框

问题描述

我正在使用three.js 创建沉浸式xr AR 视图，并使用dom-overlay 功能显示共享按钮。

当共享按钮被点击时，共享对话框被放置在 xr-session 后面，并且用户没有任何迹象表明共享对话框在会话后面等待结束。

在 IOS 设备上测试时，结果令人满意，因为共享对话框出现在 AR 会话上方，因此我认为此问题与 android 相关。

我创建了一个 minimal reproducible example (link)，基于 three.js webxr demo (link)，带有额外的 dom 覆盖：

HTML：

<div id="over">
        <button onclick="navigator.share({ title: 'title',text: 'text',url: 'https://example.com'})">
            SHARE !
        </button>
    </div>

JS：

document.body.appendChild( ARButton.createButton( renderer,{ optionalFeatures: ['dom-overlay'],domOverlay: { root: document.querySelector('#over')}} ) );

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）