Add code to only respond to certain key codes (#3595)

vnbaaij · web-flow · commit bdf675a150e2 · 2025-03-30T21:28:16.000+02:00
diff --git a/src/Core/Components/NavMenu/FluentNavGroup.razor b/src/Core/Components/NavMenu/FluentNavGroup.razor
@@ -5,7 +5,7 @@
 
 @if (Owner.Expanded || (HasIcon && (!Owner.CollapsedChildNavigation || SubMenu == null)))
 {
-    <FluentKeyCode Anchor="@Id" PreventDefaultOnly="new[] { KeyCode.Enter, KeyCode.Left, KeyCode.Right }" StopPropagation="@true" OnKeyDown="@HandleExpanderKeyDownAsync" />
+    <FluentKeyCode Anchor="@Id" Only="new[] { KeyCode.Enter, KeyCode.Left, KeyCode.Right }" PreventDefaultOnly="new[] { KeyCode.Enter, KeyCode.Left, KeyCode.Right }" StopPropagation="@true" OnKeyDown="@HandleExpanderKeyDownAsync" />
     <div id="@Id" @ref="@Element" @attributes="AdditionalAttributes" class="@ClassValue" disabled="@Disabled" style="@StyleValue" role="menuitem">
 
         @if (!string.IsNullOrEmpty(Href))

Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@`
`5`	`5`
`6`	`6`	`@if (Owner.Expanded \|\| (HasIcon && (!Owner.CollapsedChildNavigation \|\| SubMenu == null)))`
`7`	`7`	`{`
`8`		`- <FluentKeyCode Anchor="@Id" PreventDefaultOnly="new[] { KeyCode.Enter, KeyCode.Left, KeyCode.Right }" StopPropagation="@true" OnKeyDown="@HandleExpanderKeyDownAsync" />`
	`8`	`+ <FluentKeyCode Anchor="@Id" Only="new[] { KeyCode.Enter, KeyCode.Left, KeyCode.Right }" PreventDefaultOnly="new[] { KeyCode.Enter, KeyCode.Left, KeyCode.Right }" StopPropagation="@true" OnKeyDown="@HandleExpanderKeyDownAsync" />`
`9`	`9`	`<div id="@Id" @ref="@Element" @attributes="AdditionalAttributes" class="@ClassValue" disabled="@Disabled" style="@StyleValue" role="menuitem">`
`10`	`10`
`11`	`11`	`@if (!string.IsNullOrEmpty(Href))`