From 30111d2b16ba61b0a5c3996426ef1faa59971fe1 Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Sat, 24 Jan 2026 22:17:59 +0000
Subject: fix(ui): prevent focus on share popover text field

---
 packages/ui/src/components/text-field.css | 2 +-
 packages/ui/src/components/text-field.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

(limited to 'packages/ui/src/components')

diff --git a/packages/ui/src/components/text-field.css b/packages/ui/src/components/text-field.css
index 15f5fd4fb..c94376be7 100644
--- a/packages/ui/src/components/text-field.css
+++ b/packages/ui/src/components/text-field.css
@@ -51,7 +51,7 @@
       border: 1px solid var(--border-weak-base);
       background: var(--input-base);
 
-      &:focus-within {
+      &:focus-within:not(:has([data-readonly])) {
         border-color: transparent;
         /* border/shadow-xs/select */
         box-shadow:
diff --git a/packages/ui/src/components/text-field.tsx b/packages/ui/src/components/text-field.tsx
index 2e9f72374..58155e8d9 100644
--- a/packages/ui/src/components/text-field.tsx
+++ b/packages/ui/src/components/text-field.tsx
@@ -102,6 +102,7 @@ export function TextField(props: TextFieldProps) {
               icon={copied() ? "check" : "link"}
               variant="ghost"
               onClick={handleCopy}
+              tabIndex={-1}
               data-slot="input-copy-button"
               aria-label={copied() ? i18n.t("ui.textField.copied") : i18n.t("ui.textField.copyToClipboard")}
             />
-- 
cgit v1.2.3