From 0f34677ba780e732a209144e1bddc5ec74fd7eb8 Mon Sep 17 00:00:00 2001
From: Alejandro Alonso <alejandroalonsofernandez@gmail.com>
Date: Tue, 10 Mar 2026 11:57:57 +0100
Subject: [PATCH] :bug: Fix negative insets

---
 .../get-file-huge-inner-strokes.json          | 513 ++++++++++++++++++
 .../ui/render-wasm-specs/shapes.spec.js       |  15 +
 .../BUG-13610---Huge-inner-strokes-1.png      | Bin 0 -> 16488 bytes
 render-wasm/src/render/strokes.rs             |  55 +-
 4 files changed, 579 insertions(+), 4 deletions(-)
 create mode 100644 frontend/playwright/data/render-wasm/get-file-huge-inner-strokes.json
 create mode 100644 frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/BUG-13610---Huge-inner-strokes-1.png

diff --git a/frontend/playwright/data/render-wasm/get-file-huge-inner-strokes.json b/frontend/playwright/data/render-wasm/get-file-huge-inner-strokes.json
new file mode 100644
index 0000000000..8c6b439eea
--- /dev/null
+++ b/frontend/playwright/data/render-wasm/get-file-huge-inner-strokes.json
@@ -0,0 +1,513 @@
+{
+  "~:features": {
+    "~#set": [
+      "fdata/path-data",
+      "plugins/runtime",
+      "design-tokens/v1",
+      "variants/v1",
+      "layout/grid",
+      "styles/v2",
+      "fdata/pointer-map",
+      "fdata/objects-map",
+      "render-wasm/v1",
+      "components/v2",
+      "fdata/shape-data-type"
+    ]
+  },
+  "~:team-id": "~u0b5bcbca-32ab-81eb-8005-a15fc4484678",
+  "~:permissions": {
+    "~:type": "~:membership",
+    "~:is-owner": true,
+    "~:is-admin": true,
+    "~:can-edit": true,
+    "~:can-read": true,
+    "~:is-logged": true
+  },
+  "~:has-media-trimmed": false,
+  "~:comment-thread-seqn": 0,
+  "~:name": "New File 6",
+  "~:revn": 1,
+  "~:modified-at": "~m1773140377840",
+  "~:vern": 0,
+  "~:id": "~ueffcbebc-b8c8-802f-8007-b11dd34fe190",
+  "~:is-shared": false,
+  "~:migrations": {
+    "~#ordered-set": [
+      "legacy-2",
+      "legacy-3",
+      "legacy-5",
+      "legacy-6",
+      "legacy-7",
+      "legacy-8",
+      "legacy-9",
+      "legacy-10",
+      "legacy-11",
+      "legacy-12",
+      "legacy-13",
+      "legacy-14",
+      "legacy-16",
+      "legacy-17",
+      "legacy-18",
+      "legacy-19",
+      "legacy-25",
+      "legacy-26",
+      "legacy-27",
+      "legacy-28",
+      "legacy-29",
+      "legacy-31",
+      "legacy-32",
+      "legacy-33",
+      "legacy-34",
+      "legacy-36",
+      "legacy-37",
+      "legacy-38",
+      "legacy-39",
+      "legacy-40",
+      "legacy-41",
+      "legacy-42",
+      "legacy-43",
+      "legacy-44",
+      "legacy-45",
+      "legacy-46",
+      "legacy-47",
+      "legacy-48",
+      "legacy-49",
+      "legacy-50",
+      "legacy-51",
+      "legacy-52",
+      "legacy-53",
+      "legacy-54",
+      "legacy-55",
+      "legacy-56",
+      "legacy-57",
+      "legacy-59",
+      "legacy-62",
+      "legacy-65",
+      "legacy-66",
+      "legacy-67",
+      "0001-remove-tokens-from-groups",
+      "0002-normalize-bool-content-v2",
+      "0002-clean-shape-interactions",
+      "0003-fix-root-shape",
+      "0003-convert-path-content-v2",
+      "0005-deprecate-image-type",
+      "0006-fix-old-texts-fills",
+      "0008-fix-library-colors-v4",
+      "0009-clean-library-colors",
+      "0009-add-partial-text-touched-flags",
+      "0010-fix-swap-slots-pointing-non-existent-shapes",
+      "0011-fix-invalid-text-touched-flags",
+      "0012-fix-position-data",
+      "0013-fix-component-path",
+      "0013-clear-invalid-strokes-and-fills",
+      "0014-fix-tokens-lib-duplicate-ids",
+      "0014-clear-components-nil-objects",
+      "0015-fix-text-attrs-blank-strings",
+      "0015-clean-shadow-color",
+      "0016-copy-fills-from-position-data-to-text-node"
+    ]
+  },
+  "~:version": 67,
+  "~:project-id": "~u0b5bcbca-32ab-81eb-8005-a15fc448f334",
+  "~:created-at": "~m1773140371775",
+  "~:backend": "legacy-db",
+  "~:data": {
+    "~:pages": [
+      "~ueffcbebc-b8c8-802f-8007-b11dd34fe191"
+    ],
+    "~:pages-index": {
+      "~ueffcbebc-b8c8-802f-8007-b11dd34fe191": {
+        "~:objects": {
+          "~u00000000-0000-0000-0000-000000000000": {
+            "~#shape": {
+              "~:y": 0,
+              "~:hide-fill-on-export": false,
+              "~:transform": {
+                "~#matrix": {
+                  "~:a": 1,
+                  "~:b": 0,
+                  "~:c": 0,
+                  "~:d": 1,
+                  "~:e": 0,
+                  "~:f": 0
+                }
+              },
+              "~:rotation": 0,
+              "~:name": "Root Frame",
+              "~:width": 0.01,
+              "~:type": "~:frame",
+              "~:points": [
+                {
+                  "~#point": {
+                    "~:x": 0,
+                    "~:y": 0
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 0.01,
+                    "~:y": 0
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 0.01,
+                    "~:y": 0.01
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 0,
+                    "~:y": 0.01
+                  }
+                }
+              ],
+              "~:r2": 0,
+              "~:proportion-lock": false,
+              "~:transform-inverse": {
+                "~#matrix": {
+                  "~:a": 1,
+                  "~:b": 0,
+                  "~:c": 0,
+                  "~:d": 1,
+                  "~:e": 0,
+                  "~:f": 0
+                }
+              },
+              "~:r3": 0,
+              "~:r1": 0,
+              "~:id": "~u00000000-0000-0000-0000-000000000000",
+              "~:parent-id": "~u00000000-0000-0000-0000-000000000000",
+              "~:frame-id": "~u00000000-0000-0000-0000-000000000000",
+              "~:strokes": [],
+              "~:x": 0,
+              "~:proportion": 1,
+              "~:r4": 0,
+              "~:selrect": {
+                "~#rect": {
+                  "~:x": 0,
+                  "~:y": 0,
+                  "~:width": 0.01,
+                  "~:height": 0.01,
+                  "~:x1": 0,
+                  "~:y1": 0,
+                  "~:x2": 0.01,
+                  "~:y2": 0.01
+                }
+              },
+              "~:fills": [
+                {
+                  "~:fill-color": "#FFFFFF",
+                  "~:fill-opacity": 1
+                }
+              ],
+              "~:flip-x": null,
+              "~:height": 0.01,
+              "~:flip-y": null,
+              "~:shapes": [
+                "~ub952fb5e-cae5-8054-8007-b11dd63f79f9",
+                "~ub952fb5e-cae5-8054-8007-b11dd63f79fa",
+                "~ub952fb5e-cae5-8054-8007-b11dd63f79fb"
+              ]
+            }
+          },
+          "~ub952fb5e-cae5-8054-8007-b11dd63f79f9": {
+            "~#shape": {
+              "~:y": 660.000001521671,
+              "~:transform": {
+                "~#matrix": {
+                  "~:a": 1,
+                  "~:b": 0,
+                  "~:c": 0,
+                  "~:d": 1,
+                  "~:e": 0,
+                  "~:f": 0
+                }
+              },
+              "~:rotation": 0,
+              "~:grow-type": "~:fixed",
+              "~:hide-in-viewer": false,
+              "~:name": "Rectangle",
+              "~:width": 99.9999986310249,
+              "~:type": "~:rect",
+              "~:points": [
+                {
+                  "~#point": {
+                    "~:x": 989,
+                    "~:y": 660.000001521671
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 1088.99999863103,
+                    "~:y": 660.000001521671
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 1088.99999863103,
+                    "~:y": 760.000000795896
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 989,
+                    "~:y": 760.000000795896
+                  }
+                }
+              ],
+              "~:r2": 0,
+              "~:proportion-lock": false,
+              "~:transform-inverse": {
+                "~#matrix": {
+                  "~:a": 1,
+                  "~:b": 0,
+                  "~:c": 0,
+                  "~:d": 1,
+                  "~:e": 0,
+                  "~:f": 0
+                }
+              },
+              "~:r3": 0,
+              "~:r1": 0,
+              "~:id": "~ub952fb5e-cae5-8054-8007-b11dd63f79f9",
+              "~:parent-id": "~u00000000-0000-0000-0000-000000000000",
+              "~:frame-id": "~u00000000-0000-0000-0000-000000000000",
+              "~:strokes": [
+                {
+                  "~:stroke-alignment": "~:inner",
+                  "~:stroke-style": "~:solid",
+                  "~:stroke-color": "#000000",
+                  "~:stroke-opacity": 1,
+                  "~:stroke-width": 100
+                }
+              ],
+              "~:x": 989,
+              "~:proportion": 1,
+              "~:r4": 0,
+              "~:selrect": {
+                "~#rect": {
+                  "~:x": 989,
+                  "~:y": 660.000001521671,
+                  "~:width": 99.9999986310249,
+                  "~:height": 99.9999992742251,
+                  "~:x1": 989,
+                  "~:y1": 660.000001521671,
+                  "~:x2": 1088.99999863103,
+                  "~:y2": 760.000000795896
+                }
+              },
+              "~:fills": [
+                {
+                  "~:fill-color": "#B1B2B5",
+                  "~:fill-opacity": 1
+                }
+              ],
+              "~:flip-x": null,
+              "~:height": 99.9999992742251,
+              "~:flip-y": null
+            }
+          },
+          "~ub952fb5e-cae5-8054-8007-b11dd63f79fa": {
+            "~#shape": {
+              "~:y": 457.999994456768,
+              "~:transform": {
+                "~#matrix": {
+                  "~:a": 1,
+                  "~:b": 0,
+                  "~:c": 0,
+                  "~:d": 1,
+                  "~:e": 0,
+                  "~:f": 0
+                }
+              },
+              "~:rotation": 0,
+              "~:grow-type": "~:fixed",
+              "~:hide-in-viewer": false,
+              "~:name": "Ellipse",
+              "~:width": 299.99999499321,
+              "~:type": "~:circle",
+              "~:points": [
+                {
+                  "~#point": {
+                    "~:x": 1171.99998355202,
+                    "~:y": 457.999994456768
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 1471.99997854523,
+                    "~:y": 457.999994456768
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 1471.99997854523,
+                    "~:y": 757.999989449978
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 1171.99998355202,
+                    "~:y": 757.999989449978
+                  }
+                }
+              ],
+              "~:proportion-lock": false,
+              "~:transform-inverse": {
+                "~#matrix": {
+                  "~:a": 1,
+                  "~:b": 0,
+                  "~:c": 0,
+                  "~:d": 1,
+                  "~:e": 0,
+                  "~:f": 0
+                }
+              },
+              "~:id": "~ub952fb5e-cae5-8054-8007-b11dd63f79fa",
+              "~:parent-id": "~u00000000-0000-0000-0000-000000000000",
+              "~:frame-id": "~u00000000-0000-0000-0000-000000000000",
+              "~:strokes": [
+                {
+                  "~:stroke-alignment": "~:inner",
+                  "~:stroke-style": "~:solid",
+                  "~:stroke-color": "#000000",
+                  "~:stroke-opacity": 1,
+                  "~:stroke-width": 400
+                }
+              ],
+              "~:x": 1171.99998355202,
+              "~:proportion": 1,
+              "~:selrect": {
+                "~#rect": {
+                  "~:x": 1171.99998355202,
+                  "~:y": 457.999994456768,
+                  "~:width": 299.99999499321,
+                  "~:height": 299.99999499321,
+                  "~:x1": 1171.99998355202,
+                  "~:y1": 457.999994456768,
+                  "~:x2": 1471.99997854523,
+                  "~:y2": 757.999989449978
+                }
+              },
+              "~:fills": [
+                {
+                  "~:fill-color": "#B1B2B5",
+                  "~:fill-opacity": 1
+                }
+              ],
+              "~:flip-x": null,
+              "~:height": 299.99999499321,
+              "~:flip-y": null
+            }
+          },
+          "~ub952fb5e-cae5-8054-8007-b11dd63f79fb": {
+            "~#shape": {
+              "~:y": 444,
+              "~:hide-fill-on-export": false,
+              "~:transform": {
+                "~#matrix": {
+                  "~:a": 1,
+                  "~:b": 0,
+                  "~:c": 0,
+                  "~:d": 1,
+                  "~:e": 0,
+                  "~:f": 0
+                }
+              },
+              "~:rotation": 0,
+              "~:hide-in-viewer": false,
+              "~:name": "Board",
+              "~:width": 100,
+              "~:type": "~:frame",
+              "~:points": [
+                {
+                  "~#point": {
+                    "~:x": 989,
+                    "~:y": 444
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 1089,
+                    "~:y": 444
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 1089,
+                    "~:y": 544
+                  }
+                },
+                {
+                  "~#point": {
+                    "~:x": 989,
+                    "~:y": 544
+                  }
+                }
+              ],
+              "~:r2": 0,
+              "~:proportion-lock": false,
+              "~:transform-inverse": {
+                "~#matrix": {
+                  "~:a": 1,
+                  "~:b": 0,
+                  "~:c": 0,
+                  "~:d": 1,
+                  "~:e": 0,
+                  "~:f": 0
+                }
+              },
+              "~:r3": 0,
+              "~:r1": 0,
+              "~:id": "~ub952fb5e-cae5-8054-8007-b11dd63f79fb",
+              "~:parent-id": "~u00000000-0000-0000-0000-000000000000",
+              "~:frame-id": "~u00000000-0000-0000-0000-000000000000",
+              "~:strokes": [
+                {
+                  "~:stroke-alignment": "~:inner",
+                  "~:stroke-style": "~:solid",
+                  "~:stroke-color": "#000000",
+                  "~:stroke-opacity": 1,
+                  "~:stroke-width": 200
+                }
+              ],
+              "~:x": 989,
+              "~:proportion": 1,
+              "~:r4": 0,
+              "~:selrect": {
+                "~#rect": {
+                  "~:x": 989,
+                  "~:y": 444,
+                  "~:width": 100,
+                  "~:height": 100,
+                  "~:x1": 989,
+                  "~:y1": 444,
+                  "~:x2": 1089,
+                  "~:y2": 544
+                }
+              },
+              "~:fills": [
+                {
+                  "~:fill-color": "#FFFFFF",
+                  "~:fill-opacity": 1
+                }
+              ],
+              "~:flip-x": null,
+              "~:height": 100,
+              "~:flip-y": null,
+              "~:shapes": []
+            }
+          }
+        },
+        "~:id": "~ueffcbebc-b8c8-802f-8007-b11dd34fe191",
+        "~:name": "Page 1"
+      }
+    },
+    "~:id": "~ueffcbebc-b8c8-802f-8007-b11dd34fe190",
+    "~:options": {
+      "~:components-v2": true,
+      "~:base-font-size": "16px"
+    }
+  }
+}
\ No newline at end of file
diff --git a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js
index f61afbfda4..63e16a3966 100644
--- a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js
+++ b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js
@@ -475,4 +475,19 @@ test("BUG 13551 - Blurs affecting other elements", async ({
     maxDiffPixelRatio: 0,
     threshold: 0.1,
   });
+});
+
+test("BUG 13610 - Huge inner strokes", async ({
+  page,
+}) => {
+  const workspace = new WasmWorkspacePage(page);
+  await workspace.setupEmptyFile();
+  await workspace.mockGetFile("render-wasm/get-file-huge-inner-strokes.json");
+
+  await workspace.goToWorkspace({
+    id: "effcbebc-b8c8-802f-8007-b11dd34fe190",
+    pageId: "effcbebc-b8c8-802f-8007-b11dd34fe191",
+  });
+  await workspace.waitForFirstRenderWithoutUI();
+  await expect(workspace.canvas).toHaveScreenshot();
 });
\ No newline at end of file
diff --git a/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/BUG-13610---Huge-inner-strokes-1.png b/frontend/playwright/ui/render-wasm-specs/shapes.spec.js-snapshots/BUG-13610---Huge-inner-strokes-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..633bd8ad2dca740ce0b25565c89602f245f6f15a
GIT binary patch
literal 16488
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

literal 0
HcmV?d00001

diff --git a/render-wasm/src/render/strokes.rs b/render-wasm/src/render/strokes.rs
index dc77e4e246..319b921ac5 100644
--- a/render-wasm/src/render/strokes.rs
+++ b/render-wasm/src/render/strokes.rs
@@ -41,8 +41,8 @@ fn draw_stroke_on_rect(
         }
     };
 
-    // By default just draw the rect. Only dotted inner/outer strokes need
-    // clipping to prevent the dotted pattern from appearing in wrong areas.
+    // Dotted inner/outer strokes need clipping to prevent the dotted
+    // pattern from appearing in wrong areas.
     if let Some(clip_op) = stroke.clip_op() {
         // Use a neutral layer (no extra paint) so opacity and filters
         // come solely from the stroke paint. This avoids applying
@@ -60,6 +60,35 @@ fn draw_stroke_on_rect(
         }
         draw_stroke();
         canvas.restore();
+    } else if stroke.kind == StrokeKind::Inner
+        && (stroke.width >= rect.width() || stroke.width >= rect.height())
+    {
+        // When the inner stroke width exceeds a shape dimension, the inset
+        // rect goes negative and the stroke overflows outside the shape.
+        // Fall back to the same approach as the SVG renderer: draw with
+        // doubled width centered on the original shape and clip to it.
+        canvas.save();
+        match corners {
+            Some(radii) => {
+                let rrect = RRect::new_rect_radii(*rect, radii);
+                canvas.clip_rrect(rrect, skia::ClipOp::Intersect, antialias);
+            }
+            None => {
+                canvas.clip_rect(*rect, skia::ClipOp::Intersect, antialias);
+            }
+        }
+        let mut inner_paint = paint.clone();
+        inner_paint.set_stroke_width(stroke.width * 2.0);
+        match corners {
+            Some(radii) => {
+                let rrect = RRect::new_rect_radii(*rect, radii);
+                canvas.draw_rrect(rrect, &inner_paint);
+            }
+            None => {
+                canvas.draw_rect(*rect, &inner_paint);
+            }
+        }
+        canvas.restore();
     } else {
         draw_stroke();
     }
@@ -83,8 +112,8 @@ fn draw_stroke_on_circle(
     let filter = compose_filters(blur, shadow);
     paint.set_image_filter(filter);
 
-    // By default just draw the circle. Only dotted inner/outer strokes need
-    // clipping to prevent the dotted pattern from appearing in wrong areas.
+    // Dotted inner/outer strokes need clipping to prevent the dotted
+    // pattern from appearing in wrong areas.
     if let Some(clip_op) = stroke.clip_op() {
         // Use a neutral layer (no extra paint) so opacity and filters
         // come solely from the stroke paint. This avoids applying
@@ -99,6 +128,24 @@ fn draw_stroke_on_circle(
         canvas.clip_path(&clip_path, clip_op, antialias);
         canvas.draw_oval(stroke_rect, &paint);
         canvas.restore();
+    } else if stroke.kind == StrokeKind::Inner
+        && (stroke.width >= rect.width() || stroke.width >= rect.height())
+    {
+        // When the inner stroke width exceeds a shape dimension, the inset
+        // rect goes negative and the stroke overflows outside the shape.
+        // Fall back to the same approach as the SVG renderer: draw with
+        // doubled width centered on the original shape and clip to it.
+        canvas.save();
+        let clip_path = {
+            let mut pb = skia::PathBuilder::new();
+            pb.add_oval(rect, None, None);
+            pb.detach()
+        };
+        canvas.clip_path(&clip_path, skia::ClipOp::Intersect, antialias);
+        let mut inner_paint = paint.clone();
+        inner_paint.set_stroke_width(stroke.width * 2.0);
+        canvas.draw_oval(*rect, &inner_paint);
+        canvas.restore();
     } else {
         canvas.draw_oval(stroke_rect, &paint);
     }