From 63b559edb8001c858670c3a1d0ed0f040c7c19b2 Mon Sep 17 00:00:00 2001
From: slhx agent <slhx@users.noreply.github.com>
Date: Mon, 11 May 2026 08:55:08 +0200
Subject: [PATCH] fix(runtime): make form defaults post declaratively

req: form/002

req: examples/005

req: convention/004
---
 examples/techdemo/templates/control_center.heml | 4 ++--
 examples/techdemo/tests/browser_e2e.rs          | 4 ++++
 slhx-js/runtime/slhx.js                         | 2 +-
 slhx-js/tests/runtime.rs                        | 1 +
 4 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/examples/techdemo/templates/control_center.heml b/examples/techdemo/templates/control_center.heml
index c8ad82d..5d522c4 100644
--- a/examples/techdemo/templates/control_center.heml
+++ b/examples/techdemo/templates/control_center.heml
@@ -16,7 +16,7 @@
   <section class="workspace">
     <aside class="command-card">
       <h2>Create an issue</h2>
-      <form id="launch-work" data-slhx-handle="launch_work" data-slhx-form="launch_work" data-slhx-disable-while-pending>
+      <form id="launch-work" method="post" data-slhx-handle="launch_work" data-slhx-form="launch_work" data-slhx-disable-while-pending>
         <input type="hidden" name="__h" value="539242093">
         <label>Title <input name="title" required="required" value="Ship typed effects"></label>
         <label>Lane
@@ -27,7 +27,7 @@
           </select>
         </label>
         <label>Impact <input name="impact" type="number" min="1" max="9" value="7"></label>
-        <button class="primary-action" type="button" data-slhx-handle="launch_work">Create issue</button>
+        <button class="primary-action" type="button" form="launch-work" data-slhx-handle="launch_work" data-slhx-on="click">Create issue</button>
       </form>
       <div class="quick-actions">
         <button type="button" data-slhx-handle="simulate_push">Simulate server push</button>
diff --git a/examples/techdemo/tests/browser_e2e.rs b/examples/techdemo/tests/browser_e2e.rs
index d405846..f040ca6 100644
--- a/examples/techdemo/tests/browser_e2e.rs
+++ b/examples/techdemo/tests/browser_e2e.rs
@@ -59,6 +59,10 @@ async fn browser_drives_typed_product_end_to_end() -> WebDriverResult<()> {
             .await?;
         wait_for_text(&driver, &slot_selector(ui::control_center::slots::notice.id().id), "Push simulated").await?;
 
+        driver.find(By::Css("button.primary-action")).await?.click().await?;
+        wait_for_text(&driver, ".work-card[data-key='4']", "Ship typed effects").await?;
+        assert_text(&driver, "width:77%").await?;
+
         drag_card_to_lane(&driver, 2, "product").await?;
         wait_for_text(&driver, ".lane[data-lane='product'] .work-card[data-key='2']", "Shipped").await?;
         wait_for_text(&driver, &slot_selector(ui::control_center::slots::notice.id().id), "Drag-and-drop move persisted").await?;
diff --git a/slhx-js/runtime/slhx.js b/slhx-js/runtime/slhx.js
index 05103db..d9959f5 100644
--- a/slhx-js/runtime/slhx.js
+++ b/slhx-js/runtime/slhx.js
@@ -123,7 +123,7 @@
     const abort = new AbortController();
     let finish;
     const done = new Promise((resolve) => { finish = resolve; });
-    const method = String((form && form.method) || "POST").toUpperCase();
+    const method = String((form && form.getAttribute("method")) || "POST").toUpperCase();
     const body = method === "GET" || method === "HEAD" ? undefined : requestBody(data, multipart);
     const headers = { "X-SLHX-Partial": "1", "Accept": "application/slhx, text/html" };
     if (body instanceof URLSearchParams) headers["Content-Type"] = "application/x-www-form-urlencoded;charset=UTF-8";
diff --git a/slhx-js/tests/runtime.rs b/slhx-js/tests/runtime.rs
index b6898d5..b10b18d 100644
--- a/slhx-js/tests/runtime.rs
+++ b/slhx-js/tests/runtime.rs
@@ -3,6 +3,7 @@ fn runtime_posts_urlencoded_forms_by_default() {
     let source = slhx_js::RUNTIME_JS;
 
     assert!(source.contains("new URLSearchParams()"));
+    assert!(source.contains("form.getAttribute(\"method\")"));
     assert!(source.contains("multipart/form-data"));
     assert!(source.contains("const body = method === \"GET\" || method === \"HEAD\" ? undefined : requestBody(data, multipart)"));
     assert!(source.contains("application/x-www-form-urlencoded;charset=UTF-8"));