claude-artifact-framework 0.5.1 → 0.5.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "claude-artifact-framework",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Utilities for building apps inside Claude Artifacts: platform storage, chat tool-calling loops, and other primitives verified against the real runtime.",
   "type": "module",
   "main": "./dist/index.esm.js",

package/src/chat.js

@@ -226,23 +226,33 @@ export function ChatLayout({ spec, ctx }) {
       busy && live === null ? h("div", { className: "caf-msg-tools" }, "thinking…") : null,
       h("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.
     h(
-      "form",
-      {
-        className: "caf-chat-input",
-        onSubmit: (e) => {
-          e.preventDefault();
-          send();
-        },
-      },
+      "div",
+      { className: "caf-chat-input" },
       h("input", {
         value: draft,
         placeholder: c.placeholder || "Message…",
         disabled: busy,
+        enterKeyHint: "send",
         onChange: (e) => setDraft(e.target.value),
+        onKeyDown: (e) => {
+          if (e.key === "Enter") {
+            e.preventDefault();
+            send();
+          }
+        },
         "aria-label": "Message",
       }),
-      h("button", { type: "submit", className: "caf-btn caf-btn-primary", disabled: busy || !draft.trim() }, "Send")
+      h(
+        "button",
+        { type: "button", className: "caf-btn caf-btn-primary", disabled: busy || !draft.trim(), onClick: send },
+        "Send"
+      )
     )
   );
 }