prevent initials modal from auto-submitting on first high score

README.md

@@ -39,13 +39,15 @@ The cloze procedure, introduced by Wilson Taylor in 1953, measures reading compr
 
 ## Running with Docker
 
-    # Build the image
-    docker build -t cloze-reader .
+```bash
+# Build the image
+docker build -t cloze-reader .
 
-    # Run the container
-    docker run -p 7860:7860 cloze-reader
+# Run the container
+docker run -p 7860:7860 cloze-reader
 
-    # Access at http://localhost:7860
+# Access at http://localhost:7860
+```
 
 **Prerequisites:** Docker installed, port 7860 available.
 
@@ -53,18 +55,20 @@ The cloze procedure, introduced by Wilson Taylor in 1953, measures reading compr
 
 Run with a local LLM server instead of OpenRouter:
 
-    # Start local LLM server on port 1234 (e.g., LM Studio with Gemma-3-27b)
-    # Run development server
-    make dev  # or python3 local-server.py 8000
+```bash
+# Start local LLM server on port 1234 (e.g., LM Studio with Gemma-3-27b)
+# Run development server
+make dev  # or python3 local-server.py 8000
 
-    # Access at http://localhost:8000/index.html?local=true
+# Access at http://localhost:8000/index.html?local=true
+```
 
 **Features:**
 - No API key required
 - Offline operation
 - Automatic response cleaning for local LLM output
 - Compatible with LM Studio and OpenAI-compatible servers
-- Testing available at http://localhost:8000/test-local-llm.html?local=true
+- Testing available at `http://localhost:8000/test-local-llm.html?local=true`
 
 ## Architecture
 
@@ -85,4 +89,4 @@ Recent work connects cloze assessment and masked language modeling:
 - Zhang & Hashimoto (2021) analyzed inductive biases in masked tokens, showing models learn statistical and syntactic dependencies that cloze tests measure in humans
 
 ---
-[milwright](https://huggingface.co/milwright), *Zach Muhlbauer*, CUNY Graduate Center
+[milwright](https://huggingface.co/milwright), *Zach Muhlbauer*, CUNY Graduate Center

src/leaderboardUI.js

@@ -12,6 +12,7 @@ export class LeaderboardUI {
     this.currentSlot = 0;
     this.initials = ['A', 'A', 'A'];
     this.onInitialsSubmit = null;
+    this.canSubmitInitials = false; // Prevent accidental immediate submission
   }
 
   /**
@@ -151,6 +152,7 @@ export class LeaderboardUI {
 
     // Reset initials state
     this.currentSlot = 0;
+    this.canSubmitInitials = false; // Disable submission until user has had time to interact
 
     // Get existing player initials if available
     const profile = this.service.getPlayerProfile();
@@ -212,8 +214,16 @@ export class LeaderboardUI {
       this.initialsModal.classList.add('visible');
     });
 
-    // Add event listeners
-    this.setupInitialsEventListeners();
+    // Add event listeners with a delay to prevent Enter key from passage submission
+    // from immediately triggering the modal's submit handler
+    setTimeout(() => {
+      this.setupInitialsEventListeners();
+      // Enable submission after a longer delay to ensure user has time to interact
+      setTimeout(() => {
+        this.canSubmitInitials = true;
+        console.log('🔓 Initials submission enabled - user can now submit');
+      }, 300);
+    }, 100);
   }
 
   /**
@@ -340,6 +350,12 @@ export class LeaderboardUI {
    * Submit initials and save to leaderboard
    */
   submitInitials() {
+    // Prevent accidental immediate submission
+    if (!this.canSubmitInitials) {
+      console.log('⏸️ Initials submission blocked - too soon after modal opened');
+      return;
+    }
+
     const initialsString = this.initials.join('');
 
     // Save to player profile