Update viewer.js

viewer.js

@@ -69,6 +69,12 @@ export async function initializeViewer(config, instanceId) {
   canvas.setAttribute('tabindex', '0');
   viewerContainer.insertBefore(canvas, progressDialog);
 
+  // Remove touch-action/pointer-events from overlays if present (to not block iOS events)
+  // (This is safe as overlays/panels should not interfere with viewer canvas input)
+  if (viewerContainer.style.touchAction) viewerContainer.style.touchAction = "";
+  if (viewerContainer.style.pointerEvents) viewerContainer.style.pointerEvents = "";
+  if (canvas.style.pointerEvents) canvas.style.pointerEvents = "";
+
   // Prevent iOS Safari zoom gesture conflicts
   canvas.style.touchAction = "none";
   canvas.style.webkitTouchCallout = "none";
@@ -115,7 +121,7 @@ export async function initializeViewer(config, instanceId) {
 
   const opts = new pc.AppOptions();
   opts.graphicsDevice = device;
-  // Attach input to document.body (not canvas) for iOS, to match PlayCanvas example and fix iOS event issues
+  // Attach input to document.body (not canvas) for iOS and match PlayCanvas example!
   opts.mouse = new pc.Mouse(document.body);
   opts.touch = new pc.TouchDevice(document.body);
   opts.componentSystems = [
@@ -163,7 +169,6 @@ export async function initializeViewer(config, instanceId) {
   if (window.PLY_FORCE_ARRAYBUFFER) {
     const origRequest = pc.Http.request;
     pc.Http.request = function(options) {
-      // Only affect .ply or 'gsplat' asset
       if (options && options.url && (options.url.endsWith('.ply') || options.responseType === 'gsplat')) {
         options.responseType = 'arraybuffer';
       }
@@ -198,6 +203,7 @@ export async function initializeViewer(config, instanceId) {
     }
   }, 100);
 
+  // Wait for PlayCanvas app and input to be ready, then load assets
   const loader = new pc.AssetListLoader(Object.values(assets), app.assets);
   loader.load(async () => {
     app.start();