Disable pointer events on everything to let it through to the iframe …

…source page.
vircadia · Apr 11, 2024 · 7eff0b4 · 7eff0b4
1 parent f140a44
commit 7eff0b4
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 6 deletions.
diff --git a/index.html b/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html style="pointer-events:none;">
   <head>
     <title><%= process.env.VRCA_PRODUCT_NAME %></title>
 

diff --git a/src/modules/scene/css3DRenderer.ts b/src/modules/scene/css3DRenderer.ts
@@ -35,7 +35,8 @@ export class CSS3DObject {
     constructor(element: HTMLElement, mesh: AbstractMesh) {
         this._element = element;
         this._element.style.position = "absolute";
-        this._element.style.pointerEvents = "auto";
+        this._element.style.pointerEvents = "none";
+        this._element.children[0].style.pointerEvents = "none"; // disable input on iframe tag
 
         this._mesh = mesh;
         this._mesh.onDisposeObservable.add(() => {
@@ -45,10 +46,7 @@ export class CSS3DObject {
         this._renderer = Renderer.getScene().css3DRenderer as CSS3DRenderer;
         this._renderer.addCSS3DObject(this);
 
-        // this._element.addEventListener("mouseout", this._renderer.detachControl.bind(this));
-        this._element.addEventListener("pointerdown", (event: PointerEvent) => {
-            event.stopPropagation();
-        });
+        this._element.addEventListener("mouseout", this._renderer.detachControl.bind(this));
     }
 
     public get mesh(): AbstractMesh {