fix: mobile resizing issues (#4)

svecosystem · Feb 23, 2024 · e30a0c1 · e30a0c1
1 parent 33df9d2
commit e30a0c1
Show file tree

Hide file tree

Showing 4 changed files with 11 additions and 6 deletions.
diff --git a/.changeset/polite-points-fail.md b/.changeset/polite-points-fail.md
@@ -0,0 +1,5 @@
+---
+"paneforge": patch
+---
+
+Fixed resizing on mobile devices
diff --git a/.github/ISSUE_TEMPLATE/3-bug_report.yml b/.github/ISSUE_TEMPLATE/3-bug_report.yml
@@ -9,8 +9,8 @@ body:
       attributes:
           value: |
               #### If you aren't sure if something is a bug or not, please do not create an issue, instead ask in one of the following channels:
-              - [Discussions](https://github.com/huntabyte/formsnap/discussions/new?category=help)
-              - [Discord](https://hbyt.us/discord)
+              - [Discussions](https://github.com/huntabyte/paneforge/discussions/new?category=help)
+              - [Discord](https://discord.gg/FKR4YhFbvB)
     - type: textarea
       id: bug-description
       attributes:
@@ -38,7 +38,7 @@ body:
       id: system-info
       attributes:
           label: System Info
-          description: Output of `npx envinfo --system --npmPackages svelte,formsnap,@sveltejs/kit,sveltekit-superforms,zod --binaries --browsers`
+          description: Output of `npx envinfo --system --npmPackages svelte,paneforge,@sveltejs/kit --binaries --browsers`
           render: bash
           placeholder: System, Binaries, Browsers
       validations:
@@ -51,6 +51,6 @@ body:
           options:
               - annoyance
               - blocking an upgrade
-              - blocking all usage of Formsnap
+              - blocking all usage of PaneForge
       validations:
           required: true
diff --git a/packages/paneforge/src/lib/components/pane-resizer.ts b/packages/paneforge/src/lib/components/pane-resizer.ts
@@ -46,7 +46,7 @@ export function resizeHandleAction(node: HTMLElement, params: ResizerActionParam
 		unsub = chain(
 			addEventListener(document.body, "contextmenu", stopDraggingAndBlur),
 			addEventListener(document.body, "mousemove", onMove),
-			addEventListener(document.body, "touchmove", onMove),
+			addEventListener(document.body, "touchmove", onMove, { passive: false }),
 			addEventListener(document.body, "mouseleave", onMouseLeave),
 			addEventListener(window, "mouseup", stopDraggingAndBlur),
 			addEventListener(window, "touchend", stopDraggingAndBlur)

diff --git a/sites/docs/package.json b/sites/docs/package.json
@@ -6,7 +6,7 @@
 	"scripts": {
 		"dev": "concurrently \"pnpm:dev:content\" \"pnpm:dev:svelte\"",
 		"dev:content": "contentlayer dev",
-		"dev:svelte": "vite dev",
+		"dev:svelte": "vite dev --host",
 		"build": "contentlayer build && vite build",
 		"build:all": "pnpm -w build",
 		"build:content": "contentlayer build",