lfg2025/archy
1
0
Fork 0
Code Issues 16 Pull Requests Actions Packages Projects Releases 44 Wiki Activity

fix: Continue button focus visible on onboarding Path screen

Browse Source 
- 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:
Dorian 2026-03-30 09:38:06 +01:00
parent 786a06da25
commit a1a38e7712
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
neode-ui/src/style.css
View File

@ -62,7 +62,6 @@
/* Elements with existing styles: suppress the global glow, let their own styles handle it */ /* Elements with existing styles: suppress the global glow, let their own styles handle it */
.glass-card:focus-visible, .glass-card:focus-visible,
.sidebar-nav-item:focus-visible, .sidebar-nav-item:focus-visible,
.path-action-button:focus-visible,
.path-option-card:focus-visible, .path-option-card:focus-visible,
.kiosk-app-tile:focus-visible, .kiosk-app-tile:focus-visible,
input:focus-visible, input:focus-visible,

3
neode-ui/src/views/OnboardingPath.vue
View File

@ -101,9 +101,10 @@ const router = useRouter()
const continueButton = ref<HTMLButtonElement | null>(null) const continueButton = ref<HTMLButtonElement | null>(null)
onMounted(() => { onMounted(() => {
// Focus after slide transition completes (400ms + buffer)
setTimeout(() => { setTimeout(() => {
continueButton.value?.focus({ preventScroll: true }) continueButton.value?.focus({ preventScroll: true })
}, 400) }, 500)
}) })
function proceed() { function proceed() {