[Bug]: Submenus are not being anchor positioned

[marchbox]

Component

MenuList

Package version

3.0.0-rc23

@microsoft/fast-element version

n/a

Environment

n/a

Current Behavior

Currently, when a <fluent-menu-list> is slotted in a <fluent-menu-item> as a submenu, its position is not anchor positioned, hence position-try-fallbacks rules don’t work. Seems this is caused by having anchor-name and position-anchor defined in <fluent-menu-item>’s adopted stylesheet, instead of in the light DOM.

Expected Behavior

Should connect anchor and target in light DOM (style attribute or similar) like Dropdown.

Reproduction

n/a

Steps to reproduce

n/a

Are you reporting an Accessibility issue?

None

Suggested severity

Medium - Has workaround

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

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.

[Huaian666]

finally something that doesn't try to do everything. does one thing, does it well, gets out of your way. respect.