[Bug]: Default dialog popover styles are lost when trigger button is a TreeLayout Action

[dacs30]

Component

Tree

Package version

^9.0.0

React version

^18

Environment

System:
    OS: Windows 11 10.0.26100
    CPU: (24) x64 AMD Ryzen Threadripper PRO 5945WX 12-Cores
    Memory: 95.00 GB / 127.86 GB
  Browsers:
    Edge: Chromium (129.0.2792.79)
    Internet Explorer: 11.0.26100.1882

Current Behavior

When I have a dialog trigger and popover that are part of a tree action, the styles of the popover are weird when compared to when the dialog logic is out of the actions field. I have recorded a demo showing the bug.

fluent.ui.bug.mp4

Expected Behavior

The default Fluent UI styles should be preserved for the actions

Reproduction

https://stackblitz.com/edit/lbqaha?file=package.json

Steps to reproduce

The code from the stackblitz have a component that isolates the menu and dialog logic. The "..." is the component getting placed outside of the actions menu. The other "..." is the component getting placed in within the TreeLayout actions.

When opening the dialog on both, you will notice that the components within the the actions do not have the default Fluent UI styles getting persisted as they do for the other case.

fluent.ui.bug.mp4

Are you reporting an Accessibility issue?

None

Suggested severity

Low - Has or doesn't need a workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[micahgodbolt]

This issue may be lower priority as the Nav control seems to fit the users use case better.