navigation-menu disableOutsidePointerEvents does not work about primitives HOT 5 CLOSED

@andy-hook yes for my desired behaviour it was enough to do onPointerLeave={e => e.preventDefault()}, I found it out by trial and error after having already opened this issue, thanks for your help.
Maybe the docs could add that behaviour or maybe it's just an edge case need not to be documented, don't know :).
thanks for the quick feedback @benoitgrelard

from primitives.

@andy-hook this seems strange to me, the docs do show the DismissableLayer props are here on content, but I wonder if it's a mistake. Usually we hide a combination of those behind modality and don't allow direct access to those props. It seems like potentially this wasn't considered here and we just ended up documenting things as they are?

from primitives.

I don't think we've implemented the modality pattern for this component yet.

The Content should stay open when the mouse pointer leaves the Content area

Perhaps unintuitive given the current documentation but this can be achieved by preventing default inside onPointerEnter onPointerLeave:
https://codesandbox.io/p/sandbox/navigation-menu-on-click-duwvgn?file=%2FApp.js%3A358%2C1-360%2C1

@kuus is that the interaction you are trying to achieve?

from primitives.

I mean I'm not sure modality even makes sense for a component like this, because if the content was modal, you wouldn't be able to interact with the other items in the top-level.

So I'm inclined to say that the solution here is to hardcode those props to formalize the non-modal nature of it and thus remove those props from the docs.

from primitives.

So I'm inclined to say that the solution here is to hardcode those props to formalize the non-modal nature of it and thus remove those props from the docs.

I agree with this.

The Content should stay open when the mouse pointer leaves the Content area

Hopefully the suggested solution in my comment is still helpful for this specific need however.

from primitives.