diff --git a/.changeset/violet-geese-speak.md b/.changeset/violet-geese-speak.md new file mode 100644 index 00000000000..34885d36340 --- /dev/null +++ b/.changeset/violet-geese-speak.md @@ -0,0 +1,5 @@ +--- +"@primer/components": patch +--- + +stopPropagation for mousedown and click in AnchoredOverlay based components diff --git a/src/AnchoredOverlay/AnchoredOverlay.tsx b/src/AnchoredOverlay/AnchoredOverlay.tsx index 926444c7bb5..4596cfdba54 100644 --- a/src/AnchoredOverlay/AnchoredOverlay.tsx +++ b/src/AnchoredOverlay/AnchoredOverlay.tsx @@ -5,6 +5,10 @@ import {useFocusZone} from '../hooks/useFocusZone' import {useAnchoredPosition, useRenderForcingRef} from '../hooks' import {uniqueId} from '../utils/uniqueId' +function stopPropagation(event: React.UIEvent) { + event.stopPropagation() +} + export interface AnchoredOverlayProps { /** * A custom function component used to render the anchor element. @@ -117,6 +121,8 @@ export const AnchoredOverlay: React.FC = ({renderAnchor, c ref={updateOverlayRef} role="listbox" visibility={position ? 'visible' : 'hidden'} + onMouseDown={stopPropagation} + onClick={stopPropagation} {...overlayPosition} > {children}