[Feature]: For Mac, allow apps that use BaseButton's menus, to configure a property that makes the context menu modal

[avipie]

Library

React / v8 (@fluentui/react)

Describe the feature that you would like added

When the context menu is up is should behave as a modal div for Mac apps: (1) Hovering on the app surface outside the context menu should not interact with the app surface. (2) Clicking in the app surface should only dismiss the context menu and not perform any action like selecting an object on the app surface.

Have you discussed this feature with our team

No.

Additional context

Here's my current implementation at my app:

      const menuWrapperElement: HTMLElement | null = document.querySelector(
        ".ms-Callout-container"

      );
      if (!!menuWrapperElement) {
        menuWrapperElement.style.width = "100vw";
        menuWrapperElement.style.height = "100vh";
        menuWrapperElement.addEventListener("click", (e) => {
          if (e?.target === menuWrapperElement) {
            this.onDismiss();
          }
        });
      }
    }

Validations

• [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Priority

Normal

[idigra]

keep open

(Fixing this issue is important for Mac look & feel, and the workaround is far from being ideal. We already wasted time on investigating and fixing a bug related to this workaround).

[idigra]

@micahgodbolt What are the plans for this issue?

[idigra]

keep open

[microsoft-github-policy-service[bot]]

This issue has not had activity for over 180 days! We're adding Soft close label and will close it soon for house-keeping purposes. Still require assistance? Please add comment - "keep open".

[idigra]

keep open