HoverCard and Popover are not working with Switch

[dan-iliescu]

What package has an issue

@mantine/core

Describe the bug

Wrapping the Switch inside the provided demo doesn't work at all, meaning I get no text on hover, but changing from Switch to Button makes it work.

What version of @mantine/* packages do you have in package.json? (Note that all @mantine/* packages must have the same version in order to work correctly)

7

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

Yes

Possible fix

No response

[dan-iliescu]

Only wrapping the Switch inside a div works for HoverCard, but not for Popover.

[rtivital]

The fix will be available with 7.1.4 release:

export function WithSwitch() {
  return (
    <div style={{ padding: 40 }}>
      <HoverCard width={280} shadow="md">
        <HoverCard.Target refProp="rootRef" eventPropsWrapperName="wrapperProps">
          <Switch label="Switch label" />
        </HoverCard.Target>
        <HoverCard.Dropdown>
          <p>
            Hover card is revealed when user hovers over target element, it will be hidden once
            mouse is not over both target and dropdown elements
          </p>
        </HoverCard.Dropdown>
      </HoverCard>
    </div>
  );
}