[PR #647] [MERGED] feat: auto-focus on the login buttons #865

New Issue

OVERLORD · 2026-02-04T20:59:42+03:00

OVERLORD commented

2026-02-04 20:59:42 +03:00

📋 Pull Request Information

Original PR: https://github.com/pocket-id/pocket-id/pull/647
Author: @ItalyPaleAle
Created: 6/10/2025
Status: ✅ Merged
Merged: 6/10/2025
Merged by: @stonith404

Base: main ← Head: autofocus

📝 Commits (2)

7d565f4 feat: auto-focus on the login buttons
314ffe3 Merge branch 'main' into autofocus

📊 Changes

3 files changed (+25 additions, -8 deletions)

View changed files

📝 frontend/src/lib/components/ui/button/button.svelte (+11 -0)
📝 frontend/src/routes/authorize/+page.svelte (+11 -5)
📝 frontend/src/routes/login/+page.svelte (+3 -3)

📄 Description

On the /login and /authorize views, use auto-focus to make the "Login" and "Sign In" buttons (respectively) automatically focused

This helps when doing keyboard navigation. For example, imagine refreshing the page with CMD/CTRL+R, being sent to Pocket ID to re-authorize an app after a session expired. Your fingers were on the keyboard, but now you need to use your mouse to select "Sign In" or "Login" (or press tab multiple times and pay attention to where the focus is), and then go back to the fingerprint sensor to make the passkey work.

By setting auto-focus, you can just hit enter and go straight to the passkey.

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/pocket-id/pocket-id/pull/647 **Author:** [@ItalyPaleAle](https://github.com/ItalyPaleAle) **Created:** 6/10/2025 **Status:** ✅ Merged **Merged:** 6/10/2025 **Merged by:** [@stonith404](https://github.com/stonith404) **Base:** `main` ← **Head:** `autofocus` --- ### 📝 Commits (2) - [`7d565f4`](https://github.com/pocket-id/pocket-id/commit/7d565f40e3fd6fce237552bac021b9f9972f2aea) feat: auto-focus on the login buttons - [`314ffe3`](https://github.com/pocket-id/pocket-id/commit/314ffe3adfffa03d547081d3df757f1caf9fa488) Merge branch 'main' into autofocus ### 📊 Changes **3 files changed** (+25 additions, -8 deletions) <details> <summary>View changed files</summary> 📝 `frontend/src/lib/components/ui/button/button.svelte` (+11 -0) 📝 `frontend/src/routes/authorize/+page.svelte` (+11 -5) 📝 `frontend/src/routes/login/+page.svelte` (+3 -3) </details> ### 📄 Description On the /login and /authorize views, use auto-focus to make the "Login" and "Sign In" buttons (respectively) automatically focused This helps when doing keyboard navigation. For example, imagine refreshing the page with CMD/CTRL+R, being sent to Pocket ID to re-authorize an app after a session expired. Your fingers were on the keyboard, but now you need to use your mouse to select "Sign In" or "Login" (or press tab multiple times and pay attention to where the focus is), and then go back to the fingerprint sensor to make the passkey work. By setting auto-focus, you can just hit enter and go straight to the passkey. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>

OVERLORD added the pull-request label 2026-02-04 20:59:42 +03:00

OVERLORD closed this issue

2026-02-04 20:59:44 +03:00

Sign in to join this conversation.

Branches Tags

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: starred/pocket-id#865