claude-artifact-framework 0.5.1 → 0.5.2

package/README.md

@@ -12,7 +12,7 @@ mirrors npm packages automatically.
 ### As a global script (`<script>` tag)
 
 ```html
-<script src="https://cdn.jsdelivr.net/npm/claude-artifact-framework@0.5.1/dist/index.global.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/claude-artifact-framework@0.5.2/dist/index.global.js"></script>
 <script>
   const { storage, createStore, createPersistedStore, createSharedStore } = ArtifactKit;
 </script>
@@ -27,11 +27,11 @@ mirrors npm packages automatically.
     createStore,
     createPersistedStore,
     createSharedStore,
-  } from "https://cdn.jsdelivr.net/npm/claude-artifact-framework@0.5.1/dist/index.esm.js";
+  } from "https://cdn.jsdelivr.net/npm/claude-artifact-framework@0.5.2/dist/index.esm.js";
 </script>
 ```
 
-Pin a version (`@0.5.1`) for reproducible artifacts, or drop the version
+Pin a version (`@0.5.2`) for reproducible artifacts, or drop the version
 (`claude-artifact-framework/dist/...`) to always get the latest release.
 
 ### Inside a React artifact

package/dist/index.esm.js

@@ -1141,23 +1141,33 @@ Continue with this information. If you have everything you need, answer in natur
       busy && live === null ? createElement("div", { className: "caf-msg-tools" }, "thinking\u2026") : null,
       createElement("div", { ref: endRef })
     ),
+    // Deliberately NOT a <form>: the artifact iframe's sandbox lacks
+    // allow-forms, so native form submission is blocked there — and on mobile
+    // the keyboard's send key triggers exactly that implicit submission. A
+    // plain div with onClick + Enter via onKeyDown never touches the native
+    // form machinery, so it can't be sandboxed away.
     createElement(
-      "form",
-      {
-        className: "caf-chat-input",
-        onSubmit: (e) => {
-          e.preventDefault();
-          send();
-        }
-      },
+      "div",
+      { className: "caf-chat-input" },
       createElement("input", {
         value: draft,
         placeholder: c.placeholder || "Message\u2026",
         disabled: busy,
+        enterKeyHint: "send",
         onChange: (e) => setDraft(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            send();
+          }
+        },
         "aria-label": "Message"
       }),
-      createElement("button", { type: "submit", className: "caf-btn caf-btn-primary", disabled: busy || !draft.trim() }, "Send")
+      createElement(
+        "button",
+        { type: "button", className: "caf-btn caf-btn-primary", disabled: busy || !draft.trim(), onClick: send },
+        "Send"
+      )
     )
   );
 }