@pixelmatters/markup 1.3.8 → 1.3.9

package/README.md

@@ -35,9 +35,9 @@ CDN drop-in (no build step) — paste this just before `</body>`:
 ```html
 <script type="module">
   // Pin the exact version — esm.sh resolves it from npm
-  import { init } from 'https://esm.sh/@pixelmatters/markup@1.3.8'
+  import { init } from 'https://esm.sh/@pixelmatters/markup@1.3.9'
   // or
-  // import { init } from 'https://esm.run/@pixelmatters/markup@1.3.8'
+  // import { init } from 'https://esm.run/@pixelmatters/markup@1.3.9'
 
   init({
     apiUrl: 'https://your-deployment.convex.site',
@@ -48,14 +48,14 @@ CDN drop-in (no build step) — paste this just before `</body>`:
 </script>
 ```
 
-> **Why pin the version?** CDN URLs without a version (`@pixelmatters/markup`) resolve to whatever's `latest` on npm — a future major release will break your page silently. Always pin (`@pixelmatters/markup@1.3.8`).
+> **Why pin the version?** CDN URLs without a version (`@pixelmatters/markup`) resolve to whatever's `latest` on npm — a future major release will break your page silently. Always pin (`@pixelmatters/markup@1.3.9`).
 
 If your platform doesn't allow inline JS (some CMS / page-builder editors), use the auto-init form instead — point a `<script src=…>` at the bundle and pass config via `data-*` attributes:
 
 ```html
 <script
   type="module"
-  src="https://esm.sh/@pixelmatters/markup@1.3.8"
+  src="https://esm.sh/@pixelmatters/markup@1.3.9"
   data-markup-widget="true"
   data-api-url="https://your-deployment.convex.site"
   data-api-key="markup_..."
@@ -231,7 +231,7 @@ For a `<script>` tag drop-in (no bundler), use the inline ESM form and **pin the
 
 ```html
 <script type="module">
-  import { init } from 'https://esm.sh/@pixelmatters/markup@1.3.8'
+  import { init } from 'https://esm.sh/@pixelmatters/markup@1.3.9'
 
   init({
     apiUrl: '...',
@@ -247,7 +247,7 @@ If inline JS is disallowed (some CMS / page-builder editors), use the auto-init
 ```html
 <script
   type="module"
-  src="https://esm.sh/@pixelmatters/markup@1.3.8"
+  src="https://esm.sh/@pixelmatters/markup@1.3.9"
   data-markup-widget="true"
   data-api-url="..."
   data-api-key="..."

package/dist/widget.js

@@ -3482,7 +3482,7 @@ function sa(e) {
 	return {
 		onPointerDown: V((e) => {
 			let n = t.current;
-			if (n.stopPropagation && e.stopPropagation(), e.button !== 0 || n.shouldStart && !n.shouldStart(e)) return;
+			if (n.preventDefault && e.preventDefault(), n.stopPropagation && e.stopPropagation(), e.button !== 0 || n.shouldStart && !n.shouldStart(e)) return;
 			let a = e.currentTarget;
 			if (!a) return;
 			let o = (n.targetRef?.current ?? a).getBoundingClientRect(), s = e.clientX, c = e.clientY, l = o.left, u = o.top, d = o.width, f = o.height, p = n.threshold ?? 4, m = n.margin ?? 8, h = e.pointerId, g = !1, _ = null;
@@ -3632,6 +3632,7 @@ function ga({ size: e = 16 }) {
 //#region src/runtime/ui/fab.tsx
 function _a({ active: e, onToggle: t, onHide: n, position: r = "bottom-right", onPositionChange: i }) {
 	let a = r === "bottom-left" ? "markup-fab-left" : "markup-fab-right", [o, s] = R(null), { onPointerDown: c, isDragging: l, consumeClickIfDragged: u } = sa({
+		preventDefault: !0,
 		stopPropagation: !0,
 		onMove: s,
 		onEnd: (e, t) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pixelmatters/markup",
-  "version": "1.3.8",
+  "version": "1.3.9",
   "description": "Embeddable feedback widget for collecting visual bug reports, screenshots, and comments on live web apps.",
   "keywords": [
     "annotation",