fix ink demo

folk-systems · Dec 4, 2024 · 1f1cfcb · 1f1cfcb
1 parent 4e2ece8
commit 1f1cfcb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/demo/html-ink.html b/demo/html-ink.html
@@ -14,12 +14,14 @@
         position: relative;
         margin: 0;
       }
+
+      button {
+        margin: 0.5rem;
+      }
     </style>
   </head>
   <body>
-    <nav>
-      <button on:click="DRAW">Draw</button>
-    </nav>
+    <button on:click="DRAW">Draw</button>
     <script type="module">
       import '../src/standalone/folk-shape.ts';
       import '../src/standalone/folk-ink.ts';

diff --git a/src/folk-ink.ts b/src/folk-ink.ts
@@ -146,11 +146,11 @@ export class FolkInk extends HTMLElement {
 
   handleEvent(event: PointerEvent) {
     switch (event.type) {
+      // for some reason adding a point on pointer down causes a bug
       case 'pointerdown': {
         if (event.button !== 0 || event.ctrlKey) return;
 
         this.points = [];
-        this.addPoint([event.offsetX, event.offsetY, event.pressure]);
         this.addEventListener('lostpointercapture', this);
         this.addEventListener('pointermove', this);
         this.setPointerCapture(event.pointerId);