fix: Continue button focus visible on onboarding Path screen
- Remove path-action-button from focus-visible suppression list - Orange glow now shows on Continue when autofocused - Bump autofocus delay to 500ms to clear slide transition Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
@@ -62,7 +62,6 @@
|
||||
/* Elements with existing styles: suppress the global glow, let their own styles handle it */
|
||||
.glass-card:focus-visible,
|
||||
.sidebar-nav-item:focus-visible,
|
||||
.path-action-button:focus-visible,
|
||||
.path-option-card:focus-visible,
|
||||
.kiosk-app-tile:focus-visible,
|
||||
input:focus-visible,
|
||||
|
||||
@@ -101,9 +101,10 @@ const router = useRouter()
|
||||
const continueButton = ref<HTMLButtonElement | null>(null)
|
||||
|
||||
onMounted(() => {
|
||||
// Focus after slide transition completes (400ms + buffer)
|
||||
setTimeout(() => {
|
||||
continueButton.value?.focus({ preventScroll: true })
|
||||
}, 400)
|
||||
}, 500)
|
||||
})
|
||||
|
||||
function proceed() {
|
||||
|
||||
Reference in New Issue
Block a user