🎨 Palette: Add accessible clear button for User ID input - #447
🎨 Palette: Add accessible clear button for User ID input#447ightevenmckane187 wants to merge 1 commit into
Conversation
Add an interactive clear button (#clear-user-id-btn) with aria-label="Clear User ID" and title="Clear User ID" inside the User ID input field. Dynamically toggles visibility based on input length, clears input, updates the cURL command snippet, and restores focus to the input field. Added unit test coverage in tests/server.test.ts.
|
👋 Jules, reporting for duty! I'm here to lend a hand with this pull request. When you start a review, I'll add a 👀 emoji to each comment to let you know I've read it. I'll focus on feedback directed at me and will do my best to stay out of conversations between you and other bots or reviewers to keep the noise down. I'll push a commit with your requested changes shortly after. Please note there might be a delay between these steps, but rest assured I'm on the job! For more direct control, you can switch me to Reactive Mode. When this mode is on, I will only act on comments where you specifically mention me with New to Jules? Learn more at jules.google/docs. For security, I will only act on instructions from the user who triggered this task. |
Added an accessible clear button (#clear-user-id-btn) inside the User ID input field in
src/server.ts. The button is styled within an input wrapper, dynamically shown when text is present, and provides accessible labels (aria-label="Clear User ID"/title="Clear User ID") with anaria-hidden="true"icon (✕). On click, it clears the input, triggersupdateCurlCommand(), and restores focus to the input element. Added unit test coverage intests/server.test.ts.PR created automatically by Jules for task 2237852408550729138 started by @ightevenmckane187