Portal/Popups incompatible with preact-compat

TL;DR

When using Popups with preact-compat, the event object passed to handleOpen from the associated Portal does not contain a currentTarget property, due to the way the event object is being cloned. This throws an error, preventing the Popup from being displayed when it is triggered by a mouse event.

Steps

1. Create an application using preact-cli.
2. Install semantic-ui-react (and semantic-ui-css) as described in its documentation.
3. Alias preact-compat in place of React using Webpack, overriding the webpack config using the method described in preact-cli’s documentation.
4. Render a Popup component like so:

const Component = () => <Popup trigger={<p>Hover me</p>} />

1. Mouse over the rendered component

Expected Result

• Popup is displayed.

Actual Result

• Popup is not displayed.
• Error thrown:

TypeError: Cannot read property `getBoundingClientRect' of undefined

Version

0.71.4

Testcase

Unable to provide test case, unless CodePen allows module aliasing

[jimmed]

@layershifter Thanks for the response, and I understand that this is not an intended use case. I’ve started work on a fix, but won’t raise a PR until I have proper test cases established.

[iMerica]

Issue persists for me