trigger icon indicating copy to clipboard operation
trigger copied to clipboard

Click-away (close on outside click) does not work in ShadowDom for action "click"

Open Psvensso opened this issue 1 year ago • 0 comments

When using the popover from Antd in a WebComponent with the "click" action the "click away" does not work, the popover is never closed. When clicking on the trigger button the popover is closed.

<Popover content={<div>demo</div>} title="Title" trigger="click">
 <Button>Click me</Button>
</Popover>

Expected: Clicking on anything other than the popover content or the trigger (button in this case) the popover should close.

Actuall: The popover is not closed.

Findings: When using a popover from Antd inside a ShadoDom and using the trigger "click" the inPopupOrChild incorrectly thinks the mousedown/click is inside the content. There is something wrong in the checking of inPopupOrChild. The event retargeting makes the event come from the webcomponent and somehow the trigger thinks this is inside the content.

Workaround: Catch the onMouseDown event in the webcomponent ctor and stop the bubbling with stopPropagation stops the event from reaching the global listener a second time.

Repro: https://codesandbox.io/p/devbox/modest-frog-tm3r6v

Psvensso avatar May 11 '23 06:05 Psvensso