Merge pull request #1604 from pkuehnel/fix/iOSNumericInput

feat(GenericInput): use InputMode Text on Numericfield on iOS
pkuehnel · Nov 8, 2024 · 7161c4b · 7161c4b
2 parents 0d3dc58 + f647aa7
commit 7161c4b
Showing 1 changed file with 33 additions and 5 deletions.
diff --git a/TeslaSolarCharger/Client/Components/GenericInput.razor b/TeslaSolarCharger/Client/Components/GenericInput.razor
@@ -10,6 +10,7 @@
 
 @inject IConstants Constants
 @inject IStringHelper StringHelper
+@inject IJavaScriptWrapper JavaScriptWrapper
 
 @typeparam T
 
@@ -235,11 +236,7 @@
                                      Margin="InputMargin"
                                      Immediate="@ImmediateValueUpdate"
                                      Clearable="@(Clearable && !IsReadOnly && !IsDisabled)"
-                                     @attributes="@(ShouldBeInErrorState.HasValue ? new Dictionary<string, object>
-                                                  {
-                                                      { "Error", ShouldBeInErrorState.Value },
-                                                      { "ErrorText", ErrorMessage ?? string.Empty },
-                                                  } :new())" />
+                                     @attributes="@(NumericFieldAttributes())" />
                 }
                 else if (IsNormalText())
                 {
@@ -369,6 +366,25 @@
 
 
     private bool? _isReadOnlyParameter;
+    private bool _isIosDevice;
+
+    private IDictionary<string, object> NumericFieldAttributes()
+    {
+        var attributes = new Dictionary<string, object>();
+
+        if (ShouldBeInErrorState.HasValue)
+        {
+            attributes["Error"] = ShouldBeInErrorState.Value;
+            attributes["ErrorText"] = ErrorMessage ?? string.Empty;
+        }
+
+        if (_isIosDevice)
+        {
+            attributes["InputMode"] = InputMode.text;
+        }
+
+        return attributes;
+    }
 
     private Expression<Func<DateTime?>>? ForDateTime
     {
@@ -714,6 +730,18 @@
         }
     }
 
+    protected override async Task OnInitializedAsync()
+    {
+        try
+        {
+            _isIosDevice = await JavaScriptWrapper.IsIosDevice();
+        }
+        catch (Exception)
+        {
+            _isIosDevice = false;
+        }
+    }
+
     protected override void OnAfterRender(bool firstRender)
     {
         _componentRenderedCounter++;