From 8bbcbdc097d6bc96c29cd4a0ae485f8c76291934 Mon Sep 17 00:00:00 2001
From: vcoppe <vianney.coppe@gmail.com>
Date: Sun, 18 Oct 2026 00:33:03 +0200
Subject: [PATCH] remove focus-ring

---
 website/src/lib/components/explorer/ExplorerRow.svelte        | 4 ++--
 website/src/lib/components/file-list/FileList.svelte          | 2 +-
 website/src/lib/components/file-list/FileListNodeLabel.svelte | 4 +++-
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/website/src/lib/components/explorer/ExplorerRow.svelte b/website/src/lib/components/explorer/ExplorerRow.svelte
index db7848b25..6a2142e71 100644
--- a/website/src/lib/components/explorer/ExplorerRow.svelte
+++ b/website/src/lib/components/explorer/ExplorerRow.svelte
@@ -233,7 +233,7 @@
         }
     }}
 >
-    <ContextMenu.Trigger class="grow min-w-0 pointer-events-auto">
+    <ContextMenu.Trigger class="grow min-w-0 pointer-events-auto outline-none">
         <!-- svelte-ignore a11y_click_events_have_key_events -->
         <div
             bind:this={row}
@@ -246,7 +246,7 @@
             title={path}
             draggable={kind !== 'root' && !editing}
             data-drop-target={target || undefined}
-            class="flex flex-row items-center gap-1.5 min-w-0 rounded-md {className}"
+            class="flex flex-row items-center gap-1.5 min-w-0 rounded-md outline-none {className}"
             {style}
             {onclick}
             {ondblclick}
diff --git a/website/src/lib/components/file-list/FileList.svelte b/website/src/lib/components/file-list/FileList.svelte
index 2562f73b0..3eadb5f16 100644
--- a/website/src/lib/components/file-list/FileList.svelte
+++ b/website/src/lib/components/file-list/FileList.svelte
@@ -50,7 +50,7 @@
         <FileListNodeContent node={null} />
         {#if orientation === 'vertical'}
             <ContextMenu.Root>
-                <ContextMenu.Trigger class="grow" />
+                <ContextMenu.Trigger class="grow outline-none" />
                 <ContextMenu.Content>
                     <ContextMenu.Item onclick={createFile}>
                         <Plus size="16" />
diff --git a/website/src/lib/components/file-list/FileListNodeLabel.svelte b/website/src/lib/components/file-list/FileListNodeLabel.svelte
index 1a1580844..6eabde209 100644
--- a/website/src/lib/components/file-list/FileListNodeLabel.svelte
+++ b/website/src/lib/components/file-list/FileListNodeLabel.svelte
@@ -123,7 +123,9 @@
     <!-- A tab of the horizontal list is as wide as its content, said explicitly: a width that is a
          percentage of a parent that is as wide as its content is not updated by WebKit when the
          content changes (the indicators come and go) -->
-    <ContextMenu.Trigger class={orientation === 'vertical' ? 'grow truncate' : ''}>
+    <!-- it only catches right-clicks: no focus ring when it has the focus (WebKit gives it on a
+         click), the selection shows where the arrow keys are -->
+    <ContextMenu.Trigger class="outline-none {orientation === 'vertical' ? 'grow truncate' : ''}">
         <Button
             variant="ghost"
             class="relative p-0 overflow-hidden border-none focus-visible:ring-0 focus-visible:ring-offset-0 flex flex-row {orientation ===