No [data-state] and [data-motion] attributes on NavigationMenu.Content

[shota-f]

Bug report

There are [data-state] and [data-motion] attributes on the document(https://www.radix-ui.com/primitives/docs/components/navigation-menu#content). But NavigationMenu.Content doesn't seem to have them.

Current Behavior

[data-state] no [data-motion] no [data-orientation] ok

Screenshot of chrome dev tool

Focused node is the NavigationMenu.Content. And logs on console.

Expected behavior

[data-state](important when forceMount is true) and [data-motion]

Reproducible example

1. Copy the first codes(index.jsx and styles.css) on the document.
2. Past them.
3. Add "item-1" to value prop for NavigationMenu.Root and first NavigationMenu.Item for debug.
4. Check the NavigationMenu.Content under the NavigationMenu.Viewport.

Software	Name(s)	Version
Radix Package(s)	@radix-ui/react-navigation-menu	1.1.4
React	n/a	18.2.20
Browser	Google Chrome
Assistive tech
Node	n/a
npm/yarn
Operating System

[benoitgrelard]

These attributes are present, that's what enables those animations you see in the demo here: https://www.radix-ui.com/primitives/docs/components/navigation-menu or in our storybook here: https://601857eb614bae0021c9b9dd-evgfcrkbbq.chromatic.com/?path=/story/components-navigationmenu--submenus

I will close this as I cannot reproduce your issue, but feel free to send a sandbox demonstrating your issue.

[Kulsgam]

This issue is present in the original codesandbox present in the docs

Here is the direct link

[andrea-budel-remedia]

@benoitgrelard it happens when you try to use the Viewport component.

[connorwarme]

@benoitgrelard I was also able to replicate the lack of the [data-motion] attribute.