Added keyboard toggle to BooleanSelect component

microsoft · Jul 18, 2024 · 488602f · 488602f
1 parent c16b680
commit 488602f
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 2 deletions.
diff --git a/src/EventLogExpert/Shared/Components/BooleanSelect.razor b/src/EventLogExpert/Shared/Components/BooleanSelect.razor
@@ -3,8 +3,8 @@
 
 <div aria-label="@AriaLabel" class="toggle" role="radiogroup">
     <input aria-label="@DisabledString" checked="@(!Value)" id="@Id false" name="@Id" @onchange="UpdateValue" type="radio" value="false" />
-    <label data-single-color="@IsSingleColor.ToString().ToLower()" for="@Id false">@DisabledString</label>
+    <label data-single-color="@IsSingleColor.ToString().ToLower()" for="@Id false" @onkeydown="ToggleValue" tabindex="0">@DisabledString</label>
 
     <input aria-label="@EnabledString" checked="@(Value)" id="@Id true" name="@Id" @onchange="UpdateValue" type="radio" value="true" />
-    <label data-single-color="@IsSingleColor.ToString().ToLower()" for="@Id true">@EnabledString</label>
+    <label data-single-color="@IsSingleColor.ToString().ToLower()" for="@Id true" @onkeydown="ToggleValue" tabindex="0">@EnabledString</label>
 </div>
diff --git a/src/EventLogExpert/Shared/Components/BooleanSelect.razor.cs b/src/EventLogExpert/Shared/Components/BooleanSelect.razor.cs
@@ -3,6 +3,7 @@
 
 using EventLogExpert.Shared.Base;
 using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Web;
 
 namespace EventLogExpert.Shared.Components;
 
@@ -18,6 +19,18 @@ public sealed partial class BooleanSelect : BaseComponent<bool>
 
     [Parameter] public bool IsSingleColor { get; set; }
 
+    private async Task ToggleValue(KeyboardEventArgs args)
+    {
+        switch (args)
+        {
+            case { Code: "Space" or "Enter" }:
+                Value = !Value;
+                await ValueChanged.InvokeAsync(Value);
+
+                break;
+        }
+    }
+
     private async Task UpdateValue(ChangeEventArgs args)
     {
         if (!bool.TryParse(args.Value?.ToString(), out bool value)) { return; }