我正在使用three.js 创建沉浸式xr AR 视图,并使用该dom-overlay
功能显示共享按钮。
单击共享按钮时,共享对话框位于 xr-session 后面,用户没有任何迹象表明共享对话框在会话后面等待结束。
在 IOS 设备上进行测试时,结果令人满意,因为 AR 会话上方出现了共享对话框,因此我相信这个问题与 android 相关。
我创建了一个基于three.js webxr 演示(链接)的最小可重现示例(链接) ,并带有额外的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')}} ) );