small fix for touch controls

moskopio · Nov 22, 2024 · ac3b88c · ac3b88c
1 parent 6b3d84d
commit ac3b88c
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/package.json b/package.json
@@ -1,10 +1,10 @@
 {
-  "name": "object-webgl",
+  "name": "react-obj",
   "private": true,
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev":   "vite",
+    "dev":   "vite --host",
     "build": "tsc && vite build",
     "lint":  "eslint --config eslint.config.js src",
     "test":  "vitest run",

diff --git a/src/components/Divider.css b/src/components/Divider.css
@@ -3,6 +3,7 @@
   align-items: center;
   height: 16px;
   color: var(--highlight-color);
+  user-select: none;
 }
 
 .divider::before {

diff --git a/src/preview/hooks/camera-controls.ts b/src/preview/hooks/camera-controls.ts
@@ -10,6 +10,7 @@ export function useCameraControls(): void {
   const position = useRef([0, 0])
 
   useEffect(() => {
+    // TODO: touch gestures! It doesn't work well on mobile/tablet
     window.addEventListener('pointerdown', onPointerDown)
     window.addEventListener('contextmenu', onContextMenu)
     window.addEventListener('wheel', onWheel, { passive: false })
@@ -33,8 +34,6 @@ export function useCameraControls(): void {
     }
 
     function onPointerDown(event: MouseEvent): void {
-      event.preventDefault()
-      event.stopImmediatePropagation()
       if (event.type === 'contextmenu' || event.button === 2) {
         shift.current = true
       }