fix(mobile): enable swiping from content

Author: ccamel

e2e/vue.spec.ts

@@ -167,29 +167,31 @@ test('moves the mobile camera with a touch pointer without horizontal overflow',
     throw new Error('Surface camera is not visible')
   }
 
+  const title = page.locator('h1')
+
   await camera.evaluate((element) => {
     element.setPointerCapture = () => undefined
     element.hasPointerCapture = () => false
   })
   const y = box.y + 160
   const startX = box.x + 280
-  await camera.dispatchEvent('pointerdown', {
+  await title.dispatchEvent('pointerdown', {
     button: 0,
     clientX: startX,
     clientY: y,
     isPrimary: true,
     pointerId: 1,
     pointerType: 'touch',
   })
-  await camera.dispatchEvent('pointermove', {
+  await title.dispatchEvent('pointermove', {
     button: 0,
     clientX: startX - 150,
     clientY: y,
     isPrimary: true,
     pointerId: 1,
     pointerType: 'touch',
   })
-  await camera.dispatchEvent('pointerup', {
+  await title.dispatchEvent('pointerup', {
     button: 0,
     clientX: startX - 150,
     clientY: y,

src/App.vue

@@ -404,6 +404,10 @@ function canPanFrom(event: PointerEvent) {
     return true
   }
 
+  if (event.pointerType === 'touch') {
+    return !target.closest('a, button, input, textarea, select, [contenteditable]')
+  }
+
   return !target.closest(
     'a, button, input, textarea, select, [contenteditable], p, h1, h2, h3, h4, h5, h6, li, code, pre, span',
   )