From 4f8d14ffc5c54cf23e9fef8cac84a315428316d9 Mon Sep 17 00:00:00 2001
From: Kevin Midboe <kevin.midboe@gmail.com>
Date: Mon, 14 Aug 2023 19:21:15 +0200
Subject: [PATCH] Also make row navigateable using keyboard without mouse

---
 web/src/routes/(user)/albums/+page.svelte | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/web/src/routes/(user)/albums/+page.svelte b/web/src/routes/(user)/albums/+page.svelte
index 8a6701d5..b919e63b 100644
--- a/web/src/routes/(user)/albums/+page.svelte
+++ b/web/src/routes/(user)/albums/+page.svelte
@@ -164,6 +164,8 @@
             <tr
               class="flex h-[50px] w-full place-items-center text-center odd:bg-immich-gray even:bg-immich-bg odd:dark:bg-immich-dark-gray/75 even:dark:bg-immich-dark-gray/50 border-[3px] border-transparent p-5 hover:cursor-pointer hover:border-immich-primary/75 dark:hover:border-immich-dark-primary/75"
               on:click={() => goto(`albums/${album.id}`)}
+              on:keydown={(event) => event.key === 'Enter' && goto(`albums/${album.id}`)}
+              tabindex="0"
             >
               <td class="w-1/4 text-ellipsis px-2 text-md">{album.albumName}</td>
               <td class="w-1/4 text-ellipsis px-2 text-md">