remove focus-ring

This commit is contained in:
vcoppe committed 2026-10-18 00:33:03 +02:00
1 parent 3012f6bf73
commit 8bbcbdc097
3 files changed
+6 -4

No files matched your search

@@ -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 --> <!-- svelte-ignore a11y_click_events_have_key_events -->
<div <div
bind:this={row} bind:this={row}
@@ -246,7 +246,7 @@
title={path} title={path}
draggable={kind !== 'root' && !editing} draggable={kind !== 'root' && !editing}
data-drop-target={target || undefined} 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} {style}
{onclick} {onclick}
{ondblclick} {ondblclick}
@@ -50,7 +50,7 @@
<FileListNodeContent node={null} /> <FileListNodeContent node={null} />
{#if orientation === 'vertical'} {#if orientation === 'vertical'}
<ContextMenu.Root> <ContextMenu.Root>
<ContextMenu.Trigger class="grow" /> <ContextMenu.Trigger class="grow outline-none" />
<ContextMenu.Content> <ContextMenu.Content>
<ContextMenu.Item onclick={createFile}> <ContextMenu.Item onclick={createFile}>
<Plus size="16" /> <Plus size="16" />
@@ -123,7 +123,9 @@
<!-- A tab of the horizontal list is as wide as its content, said explicitly: a width that is a <!-- 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 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) --> 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 <Button
variant="ghost" variant="ghost"
class="relative p-0 overflow-hidden border-none focus-visible:ring-0 focus-visible:ring-offset-0 flex flex-row {orientation === class="relative p-0 overflow-hidden border-none focus-visible:ring-0 focus-visible:ring-offset-0 flex flex-row {orientation ===