diff --git a/packages/app/src/pages/session/message-timeline.tsx b/packages/app/src/pages/session/message-timeline.tsx index ad3b30ad67..aa540e6a93 100644 --- a/packages/app/src/pages/session/message-timeline.tsx +++ b/packages/app/src/pages/session/message-timeline.tsx @@ -744,7 +744,11 @@ export function MessageTimeline(props: { icon="dot-grid" variant="ghost" class="size-6 rounded-md data-[expanded]:bg-surface-base-active" + classList={{ + "bg-surface-base-active": share.open || title.pendingShare, + }} aria-label={language.t("common.moreOptions")} + aria-expanded={title.menuOpen || share.open || title.pendingShare} ref={(el: HTMLButtonElement) => { more = el }} @@ -761,8 +765,10 @@ export function MessageTimeline(props: { } if (title.pendingShare) { event.preventDefault() - setTitle("pendingShare", false) - requestAnimationFrame(() => setShare({ open: true, dismiss: null })) + requestAnimationFrame(() => { + setShare({ open: true, dismiss: null }) + setTitle("pendingShare", false) + }) } }} >