ChipField Fix Regression (#233)

Author: mckaragoz

CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor

@@ -2,49 +2,48 @@
 @inherits MudTextFieldExtended<T>
 @typeparam T
 
-<MudTextFieldExtended
-    @ref="_textFieldExtendedReference"
-    T="T"
-    Immediate="true"
-    OnKeyDown="HandleKeyDown"
-    OnKeyUp="HandleKeyUp"
-    OnKeyPress="@(async() => await OnKeyPress.InvokeAsync())"
-    OnBlur="@(async() => await OnBlur.InvokeAsync())"
-    OnClearButtonClick="@(async() => await OnClearButtonClick.InvokeAsync())"
-    OnDebounceIntervalElapsed="@(async() => await OnDebounceIntervalElapsed.InvokeAsync())"
-    OnInternalInputChanged="@(async() => await OnInternalInputChanged.InvokeAsync())"
-    ForceShrink="@(Values?.Any() ?? false)"
-    
-    Clearable="@Clearable"
-    AutoFocus="@AutoFocus"
-    Class="@Class"
-    Style="@Style"
-    Converter="@Converter"
-    Counter="@Counter"
-    Culture="@Culture"
-    DebounceInterval="@DebounceInterval"
-    Disabled="@Disabled"
-    DisableUnderLine="@DisableUnderLine"
-    Error="@Error"
-    ErrorId="@ErrorId"
-    ErrorText="@ErrorText"
-    For="@For"
-    Format="@Format"
-    FullWidth="@FullWidth"
-    HelperText="@HelperText"
-    HelperTextOnFocus="@HelperTextOnFocus"
-    Label="@Label"
-    Margin="@Margin"
-    MaxLength="@MaxLength"
-    OnlyValidateIfDirty="@OnlyValidateIfDirty"
-    ReadOnly="@ReadOnly"
-    Placeholder="@Placeholder"
-    Required="@Required"
-    RequiredError="@RequiredError"
-    Validation="@Validation"
-    Variant="@Variant"
-    @bind-Value="@_internalValue"
-    TextChanged="@(async() => await TextChanged.InvokeAsync())">
+<MudTextFieldExtended @ref="_textFieldExtendedReference"
+                      T="T"
+                      Immediate="true"
+                      OnKeyDown="HandleKeyDown"
+                      OnKeyUp="HandleKeyUp"
+                      OnKeyPress="@(async() => await OnKeyPress.InvokeAsync())"
+                      OnBlur="@(async() => await OnBlur.InvokeAsync())"
+                      OnClearButtonClick="@(async() => await OnClearButtonClick.InvokeAsync())"
+                      OnDebounceIntervalElapsed="@(async() => await OnDebounceIntervalElapsed.InvokeAsync())"
+                      OnInternalInputChanged="@(async() => await OnInternalInputChanged.InvokeAsync())"
+                      ForceShrink="@(Values?.Any() ?? false)"
+                      Clearable="@Clearable"
+                      AutoFocus="@AutoFocus"
+                      Class="@Class"
+                      Style="@Style"
+                      Converter="@Converter"
+                      Counter="@Counter"
+                      Culture="@Culture"
+                      DebounceInterval="@DebounceInterval"
+                      Disabled="@Disabled"
+                      DisableUnderLine="@DisableUnderLine"
+                      Error="@Error"
+                      ErrorId="@ErrorId"
+                      ErrorText="@ErrorText"
+                      For="@For"
+                      Format="@Format"
+                      FullWidth="@FullWidth"
+                      HelperText="@HelperText"
+                      HelperTextOnFocus="@HelperTextOnFocus"
+                      Label="@Label"
+                      Margin="@Margin"
+                      MaxLength="@MaxLength"
+                      OnlyValidateIfDirty="@OnlyValidateIfDirty"
+                      ReadOnly="@ReadOnly"
+                      Placeholder="@Placeholder"
+                      Required="@Required"
+                      RequiredError="@RequiredError"
+                      Validation="@Validation"
+                      Variant="@Variant"
+                      @bind-Value="@_internalValue"
+                      TextChanged="@(async() => await TextChanged.InvokeAsync())"
+                      ShowVisualiser="@(Values?.Any() ?? false)">
 
     <DataVisualiser>
         <MudChipSet Class="@ChipClassname" Style="@ChipStylename" AllClosable="@Closeable" OnClose="Closed">

CodeBeam.MudBlazor.Extensions/Components/TextFieldExtended/MudTextFieldExtended.razor

@@ -56,7 +56,9 @@
                                       AdornmentStart="@AdornmentStart"
                                       AdornmentEnd="@AdornmentEnd"
                                       AutoSize="AutoSize"
-                                      ForceShrink="@ForceShrink">
+                                      ForceShrink="@ForceShrink"
+                                      ShowVisualiser="@(DataVisualiser != null && ShowVisualiser)"
+                                      DataVisualiserStyle="@(DataVisualiser != null ? "min-height: 1.1876em" : null)">
                                     <DataVisualiser>
                                         @DataVisualiser
                                     </DataVisualiser>

CodeBeam.MudBlazor.Extensions/Components/TextFieldExtended/MudTextFieldExtended.razor.cs

@@ -48,6 +48,10 @@ public partial class MudTextFieldExtended<T> : MudDebouncedInputExtended<T>
         [Category(CategoryTypes.FormComponent.Behavior)]
         public bool Clearable { get; set; } = false;
 
+        [Parameter]
+        [Category(CategoryTypes.FormComponent.Behavior)]
+        public bool ShowVisualiser { get; set; }
+
         /// <summary>
         /// Button click event for clear button. Called after text and value has been cleared.
         /// </summary>