🎨 Palette: Add tooltip to disabled Confirm button in ConfirmAction#170
🎨 Palette: Add tooltip to disabled Confirm button in ConfirmAction#170senolcolak wants to merge 1 commit into
Conversation
…When a destructive action requires type confirmation and the typed text doesn't match yet, the confirm button is disabled. This micro-UX change adds a native tooltip to the disabled button, explaining exactly what the user needs to type to proceed. Co-authored-by: senolcolak <11789157+senolcolak@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. |
1 participant
This PR introduces a small UX improvement to the
ConfirmAction.sveltecomponent. When a destructive action requires users to type a confirmation phrase (e.g.Type "confirm" to proceed) and they haven't typed the matching phrase yet, the confirm button remains disabled.\n\nPreviously, hovering over this disabled button offered no contextual help. This PR adds atitleattribute to the disabled button, which renders a native browser tooltip explaining exactly why it is disabled and what action is required (Please type "{typeConfirmationText}" to confirm). This fulfills the UX pattern: "Add tooltip explaining disabled button state".PR created automatically by Jules for task 6797276923898503332 started by @senolcolak