diff options
| author | Rahul A Mistry <[email protected]> | 2026-01-26 22:28:29 +0530 |
|---|---|---|
| committer | GitHub <[email protected]> | 2026-01-26 10:58:29 -0600 |
| commit | 783121c06e388c2d496fd68c59421fdff7d5620f (patch) | |
| tree | 609bec899ef8bd0d31c520806e886e7d25382e3c /packages/app/src/pages | |
| parent | 984518b1c0cb74db0b8eb9f77bb15fb97224a4e2 (diff) | |
| download | opencode-783121c06e388c2d496fd68c59421fdff7d5620f.tar.gz opencode-783121c06e388c2d496fd68c59421fdff7d5620f.zip | |
fix(ui): use focus-visible instead of focus to prevent sticky hover effect on click (#10651)
Diffstat (limited to 'packages/app/src/pages')
| -rw-r--r-- | packages/app/src/pages/layout.tsx | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx index 87538d72e..7ad97a989 100644 --- a/packages/app/src/pages/layout.tsx +++ b/packages/app/src/pages/layout.tsx @@ -1696,7 +1696,7 @@ export default function Layout(props: ParentProps) { <div data-session-id={props.session.id} class="group/session relative w-full rounded-md cursor-default transition-colors pl-2 pr-3 - hover:bg-surface-raised-base-hover focus-within:bg-surface-raised-base-hover has-[[data-expanded]]:bg-surface-raised-base-hover has-[.active]:bg-surface-base-active" + hover:bg-surface-raised-base-hover [&:has(:focus-visible)]:bg-surface-raised-base-hover has-[[data-expanded]]:bg-surface-raised-base-hover has-[.active]:bg-surface-base-active" > <Show when={hoverEnabled()} @@ -1819,7 +1819,7 @@ export default function Layout(props: ParentProps) { ) return ( - <div class="group/session relative w-full rounded-md cursor-default transition-colors pl-2 pr-3 hover:bg-surface-raised-base-hover focus-within:bg-surface-raised-base-hover has-[.active]:bg-surface-base-active"> + <div class="group/session relative w-full rounded-md cursor-default transition-colors pl-2 pr-3 hover:bg-surface-raised-base-hover [&:has(:focus-visible)]:bg-surface-raised-base-hover has-[.active]:bg-surface-base-active"> <Show when={!tooltip()} fallback={ |