fix: expanding & collapsing in FluentNavMenu about fluentui-blazor HOT 4 CLOSED

To get the same working as on the demo site, line 4 of NavMenu.razor should be changed to:

<nav class="sitenav" aria-labelledby="main-menu" >

(ie remove the onclick code)

from fluentui-blazor.

@vnbaaij in doing so, the nav won't close at all unless you close it manually. Is there any easy way to only close it when you click on an element which has an href defined?

from fluentui-blazor.

Vincent,

I have a theoretical solution to this problem.

Keep the onclick code in class="sitenav" but have a StopPropagation attribute in FluentNavGroup so that the event is not bubbled up. Therefore for this to work a StopPropagation attribute would be needed in the FluentNavGroup like it is in the FluentKeyCode.

Is this possible? What do you think?

Thanks.

from fluentui-blazor.

@MarvinKlein1508, @coderdnewbie see PR #2183 for a better solution for both demo and template generated sites

from fluentui-blazor.