monadical/opencode
14
0
Fork 0
Code Issues Pull Requests Actions 5 Packages Projects Releases Wiki Activity

fix(ui): prevent focus on share popover text field

Browse Source
This commit is contained in:
David Hill
2026-01-24 22:17:59 +00:00
parent b695216063
commit 30111d2b16
3 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/app/src/components/session/session-header.tsx
View File

@@ -195,8 +195,8 @@ export function SessionHeader() {
</div> </div>
} }
> >
<div class="flex flex-col gap-2 w-72"> <div class="flex flex-col gap-2">
<TextField value={shareUrl() ?? ""} readOnly copyable class="w-full" /> <TextField value={shareUrl() ?? ""} readOnly copyable tabIndex={-1} class="w-full" />
<div class="grid grid-cols-2 gap-2"> <div class="grid grid-cols-2 gap-2">
<Button <Button
size="large" size="large"

2
packages/ui/src/components/text-field.css
View File

@@ -51,7 +51,7 @@
border: 1px solid var(--border-weak-base); border: 1px solid var(--border-weak-base);
background: var(--input-base); background: var(--input-base);
&:focus-within { &:focus-within:not(:has([data-readonly])) {
border-color: transparent; border-color: transparent;
/* border/shadow-xs/select */ /* border/shadow-xs/select */
box-shadow: box-shadow:

1
packages/ui/src/components/text-field.tsx
View File

@@ -102,6 +102,7 @@ export function TextField(props: TextFieldProps) {
icon={copied() ? "check" : "link"} icon={copied() ? "check" : "link"}
variant="ghost" variant="ghost"
onClick={handleCopy} onClick={handleCopy}
tabIndex={-1}
data-slot="input-copy-button" data-slot="input-copy-button"
aria-label={copied() ? i18n.t("ui.textField.copied") : i18n.t("ui.textField.copyToClipboard")} aria-label={copied() ? i18n.t("ui.textField.copied") : i18n.t("ui.textField.copyToClipboard")}
/> />