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

2026-01-24 22:17:59 +00:00
parent b695216063
commit 30111d2b16
3 changed files with 4 additions and 3 deletions
--- 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:
--- 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")}
            />