feat: autofocus barcode field in more situations (#9)

manuel-rw · Feb 28, 2024 · 294d890 · 294d890
1 parent caa407f
commit 294d890
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/GrocyScanner.Service/Pages/Scanner.razor b/GrocyScanner.Service/Pages/Scanner.razor
@@ -23,7 +23,8 @@
             @bind-Value="ScannerMode"
             Color="Color.Primary"
             CheckMark
-            FixedContent>
+            FixedContent
+            @onclick="() => barcodeInputTextRef.FocusAsync()">
             <MudToggleItem SelectedIcon="@Icons.Material.Filled.ShoppingCart" Value="@ScannerMode.Purchase" Text="Purchase"/>
             <MudToggleItem SelectedIcon="@Icons.Material.Filled.Restaurant" Value="@ScannerMode.Consume" Text="Consume"/>
             <MudToggleItem SelectedIcon="@Icons.Material.Filled.AutoDelete" Value="@ScannerMode.ConsumeSpoiled" Text="Consume (spoiled)"/>
@@ -39,7 +40,8 @@
             Variant="Variant.Filled"
             Required="true"
             RequiredError="'Barcode is required'"
-            TextChanged="OnInternalValueChanged">
+            TextChanged="OnInternalValueChanged"
+            AutoFocus="true">
         </MudTextField>
     </div>