fix(ui): prevent copy buttons from stealing focus from prompt input (#10084)
This commit is contained in:
@@ -425,6 +425,7 @@ export function UserMessageDisplay(props: { message: UserMessage; parts: PartTyp
|
|||||||
<IconButton
|
<IconButton
|
||||||
icon={copied() ? "check" : "copy"}
|
icon={copied() ? "check" : "copy"}
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
|
onMouseDown={(e) => e.preventDefault()}
|
||||||
onClick={(event) => {
|
onClick={(event) => {
|
||||||
event.stopPropagation()
|
event.stopPropagation()
|
||||||
handleCopy()
|
handleCopy()
|
||||||
@@ -701,6 +702,7 @@ PART_MAPPING["text"] = function TextPartDisplay(props) {
|
|||||||
<IconButton
|
<IconButton
|
||||||
icon={copied() ? "check" : "copy"}
|
icon={copied() ? "check" : "copy"}
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
|
onMouseDown={(e) => e.preventDefault()}
|
||||||
onClick={handleCopy}
|
onClick={handleCopy}
|
||||||
aria-label={copied() ? i18n.t("ui.message.copied") : i18n.t("ui.message.copy")}
|
aria-label={copied() ? i18n.t("ui.message.copied") : i18n.t("ui.message.copy")}
|
||||||
/>
|
/>
|
||||||
|
|||||||
@@ -626,6 +626,7 @@ export function SessionTurn(
|
|||||||
<IconButton
|
<IconButton
|
||||||
icon={copied() ? "check" : "copy"}
|
icon={copied() ? "check" : "copy"}
|
||||||
variant="secondary"
|
variant="secondary"
|
||||||
|
onMouseDown={(e) => e.preventDefault()}
|
||||||
onClick={(event) => {
|
onClick={(event) => {
|
||||||
event.stopPropagation()
|
event.stopPropagation()
|
||||||
handleCopy()
|
handleCopy()
|
||||||
|
|||||||
Reference in New Issue
Block a user