diff --git a/CodeBeam.MudBlazor.Extensions.Docs/Pages/VisualTest.razor b/CodeBeam.MudBlazor.Extensions.Docs/Pages/VisualTest.razor
index 0de798c0..27a849fe 100644
--- a/CodeBeam.MudBlazor.Extensions.Docs/Pages/VisualTest.razor
+++ b/CodeBeam.MudBlazor.Extensions.Docs/Pages/VisualTest.razor
@@ -1,17 +1,19 @@
@page "/visualtest"
-
+
-
-
-
-
-
-
-
-
-
-
+
+ @foreach (var item in Enum.GetValues())
+ {
+ @item
+ }
+
+
+ @foreach (var item in Enum.GetValues())
+ {
+ @item
+ }
+
@@ -26,5 +28,20 @@
-
+
+
+
+
+ @foreach (var item in Enum.GetValues())
+ {
+ @item
+ }
+
+
+
+@code {
+ private bool _dense;
+ private bool _margin;
+ private Variant _variant;
+}
diff --git a/CodeBeam.MudBlazor.Extensions.UnitTests/Components/ChipFieldTests.cs b/CodeBeam.MudBlazor.Extensions.UnitTests/Components/ChipFieldTests.cs
new file mode 100644
index 00000000..0229e37f
--- /dev/null
+++ b/CodeBeam.MudBlazor.Extensions.UnitTests/Components/ChipFieldTests.cs
@@ -0,0 +1,26 @@
+using MudExtensions.Docs.Examples;
+using FluentAssertions;
+using Bunit;
+using Microsoft.AspNetCore.Components;
+using Microsoft.AspNetCore.Components.Web;
+
+namespace MudExtensions.UnitTests.Components
+{
+ [TestFixture]
+ public class ChipFieldTests : BunitTest
+ {
+ [Test]
+ public async Task ChipFieldBasicTest()
+ {
+ var comp = Context.RenderComponent>(opt =>
+ {
+ opt.Add(a => a.Values, new List { "asdf", "asd" });
+ });
+ var field = comp.FindComponent>();
+ field.Find("input").Input(new ChangeEventArgs() { Value = "sdfg" });
+ await comp.InvokeAsync(() => comp.Instance.HandleKeyDown(new KeyboardEventArgs() { Key = " " }));
+ comp.Instance.Values.Should().BeEquivalentTo(new List { "asdf", "asd", "sdfg" });
+ comp.Instance.Value.Should().BeEquivalentTo(null);
+ }
+ }
+}
diff --git a/CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor b/CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor
index 741521c8..cb5a8b6f 100644
--- a/CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor
+++ b/CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor
@@ -42,8 +42,7 @@
Variant="@Variant"
@bind-Value="@_internalValue"
TextChanged="@(async() => await TextChanged.InvokeAsync())"
- ShowVisualiser="@(Values?.Any() ?? false)"
- Mask="@Mask">
+ ShowVisualiser="@(Values?.Any() ?? false)">
diff --git a/CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor.cs b/CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor.cs
index 935e8300..55c93987 100644
--- a/CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor.cs
+++ b/CodeBeam.MudBlazor.Extensions/Components/ChipField/MudChipField.razor.cs
@@ -120,7 +120,7 @@ public partial class MudChipField : MudTextFieldExtended
///
///
///
- protected async Task HandleKeyDown(KeyboardEventArgs args)
+ protected internal async Task HandleKeyDown(KeyboardEventArgs args)
{
var result = args.Key;
if (result.Equals(Delimiter, StringComparison.InvariantCultureIgnoreCase) && _internalValue != null)