Change form field id from 'username' to 'hn-user' to avoid 1Password autofill (#230)

simonw · claude · web-flow · commit 9b87d73e9c51 · 2026-02-17T23:04:01.000-08:00
The id="username" attribute caused 1Password to offer username suggestions on the Hacker News username input. Renaming to 'hn-user' avoids that heuristic while keeping the label text and placeholder unchanged. https://claude.ai/code/session_016RkTJdD7FxriPaqmkTqG6y Co-authored-by: Claude <noreply@anthropic.com>
diff --git a/hn-comments-for-user.html b/hn-comments-for-user.html
@@ -19,8 +19,8 @@
 <body>
   <h1>Hacker News comments for a user</h1>
   <div class="controls">
-    <label for="username">Hacker News username:</label>
-    <input id="username" type="text" placeholder="e.g., pg" />
+    <label for="hn-user">Hacker News username:</label>
+    <input id="hn-user" type="text" placeholder="e.g., pg" />
     <button id="fetchBtn">Fetch comments</button>
     <button id="copyBtn" disabled>Copy Output</button>
   </div>
@@ -29,7 +29,7 @@ <h1>Hacker News comments for a user</h1>
   <div id="note"></div>
 
   <script>
-    const username = document.getElementById('username');
+    const username = document.getElementById('hn-user');
     const fetchBtn = document.getElementById('fetchBtn');
     const copyBtn = document.getElementById('copyBtn');
     const output = document.getElementById('output');
