[Popover] Add pointer-events CSS property to enable interactions with the rest of the page

[yehee]

Hi! I'm excited to be contributing to this project for the first time. Please let me know if there is anything else that needs to be addressed.

This issue has been addressed several times, and the use case for such change would be to use Popover on hover.

• [Popover] event handlers issue (mouseEnter and mouseLeave) #7680 [Popover] event handlers issue (mouseEnter and mouseLeave)
• [Popover] Not working well with onMouseLeave #7212 [Popover] Not working well with onMouseLeave

The change introduced is to add pointer-events CSS property to enable interactions with the rest of the page.

• I have followed (at least) the PR section of the contributing guide.

[mui-pr-bot]

Details of bundle changes

Generated by 🚫 dangerJS against a6f7e84

[oliviertassinari]

@yehee The interactions are disabled on purpose by using a Modal. Why should they be enabled while keeping the focus locked?

[oliviertassinari]

This seems to be a duplicate of #23919 (comment) were we talk about, a flag to disable the modal

[yehee]

@oliviertassinari Thanks for such a quick lookover! If this is in fact what is expected to behave, perhaps a flag to disable the modal mentioned above sounds like a feature I could work on instead. Would it be something that is available for me to pick up on?

[oliviertassinari]

@yehee A revamp of the Popover component would be awesome. It's a long-overdue.

[yehee]

Closed as the behavior is expected.