🎨 Palette: Add accessible clear buttons to search inputs#96
Conversation
Adds an accessible "clear" (✕) button to the search and filter input fields in the Launcher, BlogApp, and ProjectsApp components. The clear button appears only when the query is non-empty. When clicked, it resets the text and uses a React `useRef` to immediately restore focus back to the input element, allowing the user to seamlessly resume typing without having to manually select the field again. Focus-visible utility classes and aria-labels were also applied to ensure these new buttons are properly accessible via keyboard and screen readers. Co-authored-by: schmug <38227427+schmug@users.noreply.github.com>
|
👋 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. |
|
Superseded by #127 (merged to main), which consolidated the best of the duplicate Bolt/Sentinel/Palette scheduled-agent PRs into one reviewed change. Closing as duplicate. |
Understood. Acknowledging that this work has been superseded and is now obsolete. Stopping work on this task. |
1 participant
Added accessible "clear" (✕) buttons with focus restoration to the search and filter input fields in
Launcher.tsx,BlogApp.tsx, andProjectsApp.tsx. Verified using local Playwright test scripting.PR created automatically by Jules for task 17743171363806718750 started by @schmug