Retrieve pointerLockElement from shadowRoot (#363)

* fix: In shadow DOM, The target obtained is shadowRoot * fix: Retrieve pointerLockElement from shadowRoot --------- Co-authored-by: fengpingping <[email protected]>
playcanvas · Oct 17, 2024 · 1d22608 · 1d22608
1 parent 4c73de5
commit 1d22608
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/src/components/NumericInput/index.ts b/src/components/NumericInput/index.ts
@@ -213,8 +213,20 @@ class NumericInput extends InputElement {
         super._onInputKeyDown(evt);
     }
 
+    protected _getPointerLockElementByShadowRoot(pointerLockElement: any): boolean {
+        const shadowRoot = pointerLockElement.shadowRoot;
+        if (shadowRoot) {
+            const pointerLockElement = shadowRoot.pointerLockElement;
+            return this._getPointerLockElementByShadowRoot(pointerLockElement);
+        }
+        return pointerLockElement === this._sliderControl.dom;
+    }
+
     protected _isScrolling() {
         if (!this._sliderControl) return false;
+        if (document.pointerLockElement && document.pointerLockElement.shadowRoot) {
+            return this._getPointerLockElementByShadowRoot(document.pointerLockElement);
+        }
         return document.pointerLockElement === this._sliderControl.dom;
     }