5.1.1 is broken while we use HoverPopover

[tianyingchun]

 <button
        type="button"
        className={cn(
          'flex w-full items-center font-semibold',
          pathname.startsWith('/developers') || popupState.isOpen
            ? 'text-[#357d8a]'
            : ''
        )}
        onClick={(e) => {
          e.stopPropagation();
          e.preventDefault();
        }}
        {...bindHover(popupState)}
      >
        Developers
        <IconArrowDown active={popupState.isOpen} />
      </button>
      <HoverPopover
        {...bindMenu(popupState)}
        anchorEl={popupState.anchorEl}
        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}
        transformOrigin={{ vertical: 'top', horizontal: 'left' }}
        classes={{
          paper:
            '!rounded-lg bg-white sm:border sm:shadow-md dark:border-slate-700 dark:!bg-slate-900 sm:dark:border',
        }}
      >

5.1.0 is works fine, after upgrade to 5.1.1, the hover menu the popover show, while we try to move to popover menu it disappeared

https://jcoreio.github.io/material-ui-popup-state/#hover-popover

[jedwards1211]

@tianyingchun thanks for the report, can you show me a video of what's happening? I can't tell exactly what you mean

[tianyingchun]

https://jcoreio.github.io/material-ui-popup-state/#hover-popover

[tianyingchun]

Please see the example above hover popover ，The mouse cannot be moved to the pop-up div

[jedwards1211]

🎉 This issue has been resolved in version 5.1.2 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[jedwards1211]

Okay now I understand! This was due to a bug I discovered in @mui/material: mui/material-ui#42310

However I was able to make hover popovers work in material-ui-popup-state, as long as you don't pass a function for slotProps.paper to HoverPopover.