User Experience Improvement: Repeater CLI Commands User Input #255

Open
opened 2026-10-05 02:06:07 +02:00 by adam · 0 comments
Owner

💡 What would you like to see?

As a user on a mobile phone, sending commands to a repeater, the Console CLI Command user-input entry continually auto-capitalises when it shouldn't.
Example:

  • 'Get radio' fails
  • 'get radio' succeeds

🤔 What problem does it solve?

  • User frustration
  • Improved user experience

📋 Additional context

Not appropriate to force all commands to 'lower' at submission. E.g. if users are setting the Repeater name.

✅ Proposed Solution

File: frontend/src/components/repeater/RepeaterConsolePane.tsx

Original

        <Input
          ref={inputRef}
          type="text"
          autoComplete="off"
          name="console-input"
          value={input}
          onChange={(e) => setInput(e.target.value)}
          placeholder="CLI command..."
          aria-label="Console command"
          disabled={loading}
          className="flex-1 font-mono text-sm"
        />

Modified

      <Input
         ref={inputRef}
         type="text"
         autoComplete="off"
+	autoCapitalize="none"
+	spellCheck={false}
         name="console-input"
         value={input}
         onChange={(e) => setInput(e.target.value)}
         placeholder="CLI command..."
         aria-label="Console command"
         disabled={loading}
         className="flex-1 font-mono text-sm"
       />

Latest Version: 3.17.1

## 💡 What would you like to see? As a user on a mobile phone, sending commands to a repeater, the Console CLI Command user-input entry continually auto-capitalises when it shouldn't. Example: - 'Get radio' fails - 'get radio' succeeds ## 🤔 What problem does it solve? - User frustration - Improved user experience ## 📋 Additional context Not appropriate to force all commands to 'lower' at submission. E.g. if users are setting the Repeater name. ## ✅ Proposed Solution _File: frontend/src/components/repeater/RepeaterConsolePane.tsx_ **Original** ``` <Input ref={inputRef} type="text" autoComplete="off" name="console-input" value={input} onChange={(e) => setInput(e.target.value)} placeholder="CLI command..." aria-label="Console command" disabled={loading} className="flex-1 font-mono text-sm" /> ``` **Modified** ```diff <Input ref={inputRef} type="text" autoComplete="off" + autoCapitalize="none" + spellCheck={false} name="console-input" value={input} onChange={(e) => setInput(e.target.value)} placeholder="CLI command..." aria-label="Console command" disabled={loading} className="flex-1 font-mono text-sm" /> ``` Latest Version: 3.17.1 <!-- github-sync-id:5171469734 -->
Sign in to join this conversation.
No labels
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: adam/Remote-Terminal-for-MeshCore#255