diff --git a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx index 8c0a7f72948..84a8dade313 100644 --- a/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx +++ b/packages/web/src/javascripts/Components/LinkedItems/LinkedItemBubble.tsx @@ -56,8 +56,10 @@ const LinkedItemBubble = ({ setShowUnlinkButton(true) } - const onBlur = () => { - setShowUnlinkButton(false) + const onBlur: React.FocusEventHandler = (event) => { + if (!event.currentTarget.contains(event.relatedTarget)) { + setShowUnlinkButton(false) + } setWasClicked(false) } @@ -131,7 +133,7 @@ const LinkedItemBubble = ({