Fix mobile zoom issues and improve custom prompt toggle functionality

claude[bot] · Simon Willison · claude[bot] · commit fd88086ca629 · 2025-11-30T19:36:47.000Z
- Add viewport meta tag with maximum-scale=1.0 and user-scalable=no
- Remove webkit appearance from select and textarea to prevent zoom triggers
- Improve toggle banner logic for better state management
- Ensure proper toggling between custom and default prompts

🤖 Generated with Claude Code

Co-authored-by: Simon Willison &lt;undefined@users.noreply.github.com&gt;
diff --git a/omit-needless-words.html b/omit-needless-words.html
@@ -2,7 +2,7 @@
 <html lang="en">
 <head>
   <meta charset="UTF-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
   <title>Omit needless words</title>
   <style>
 * {
@@ -326,6 +326,9 @@
   background: white;
   cursor: pointer;
   transition: border-color 0.2s;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
 }
 
 select:focus {
@@ -370,6 +373,9 @@
   border-radius: 6px;
   resize: vertical;
   line-height: 1.5;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  appearance: none;
 }
 
 .prompt-textarea:focus {
@@ -583,16 +589,17 @@ <h1>Omit needless words</h1>
 function updatePromptBanner() {
   const savedCustomPrompt = localStorage.getItem('omit-needless-words-custom-prompt');
 
-  if (useCustomPrompt && savedCustomPrompt) {
-    // Using custom prompt
+  if (savedCustomPrompt) {
     customPromptBanner.classList.remove('hidden');
-    promptBannerText.textContent = 'Running with a custom system prompt';
-    togglePromptBtn.textContent = 'Use default prompt';
-  } else if (!useCustomPrompt && savedCustomPrompt) {
-    // Using default but have a saved custom prompt available
-    customPromptBanner.classList.remove('hidden');
-    promptBannerText.textContent = 'Using default prompt (custom prompt saved)';
-    togglePromptBtn.textContent = 'Use custom prompt';
+    if (useCustomPrompt) {
+      // Using custom prompt
+      promptBannerText.textContent = 'Running with a custom system prompt';
+      togglePromptBtn.textContent = 'Use default prompt';
+    } else {
+      // Using default but have a saved custom prompt available
+      promptBannerText.textContent = 'Using default prompt (custom prompt saved)';
+      togglePromptBtn.textContent = 'Use custom prompt';
+    }
   } else {
     // No custom prompt saved
     customPromptBanner.classList.add('hidden');
