diff --git a/.changeset/26329-copy-button-focus-reveal.md b/.changeset/26329-copy-button-focus-reveal.md new file mode 100644 index 00000000000..a26261b7d5c --- /dev/null +++ b/.changeset/26329-copy-button-focus-reveal.md @@ -0,0 +1,12 @@ +--- +'@object-ui/plugin-detail': patch +--- + +fix(plugin-detail): reveal the read-only field's copy button on keyboard focus + +Clause-②: no +Metadata-protocol: none + +On a record page in desktop read mode, the copy-to-clipboard button beside a read-only, copyable field was shown on hover only. It is a real button, so a keyboard user's Tab stop landed on a control they could not see. It is now also shown while it has keyboard focus, or while anything else in its field has focus (for example the field's own click-to-copy row), in the same way as the inline-edit pencil beside it. Hover, click-to-copy and the button's accessible name are unchanged. + +What to do: nothing. diff --git a/ui/packages/plugin-detail/src/DetailSection.tsx b/ui/packages/plugin-detail/src/DetailSection.tsx index c17491491fa..1582ff83050 100644 --- a/ui/packages/plugin-detail/src/DetailSection.tsx +++ b/ui/packages/plugin-detail/src/DetailSection.tsx @@ -772,7 +772,9 @@ export const DetailSection: React.FC = ({