Some Fix

Author: mckaragoz

CodeBeam.MudBlazor.Extensions.Docs.Wasm/wwwroot/CodeBeam.MudBlazor.Extensions.xml

@@ -3,7 +3,7 @@
 @typeparam T
 
 <MudStack Class="@Class" Style="@Style" Row="!Vertical" Spacing="Spacing">
-    <div>
+    <div class="mud-transfer-list-container">
         @if (StartTitleContent != null)
         {
             @StartTitleContent
@@ -34,7 +34,7 @@
             <MudIconButton Icon="@(Vertical ? Icons.Material.Filled.KeyboardDoubleArrowUp : Icons.Material.Filled.KeyboardDoubleArrowLeft)" Disabled="Disabled" Color="@Color" Variant="@ButtonVariant" OnClick="@(() => TransferAll(false))" />
         }
     </div>
-    <div>
+    <div class="mud-transfer-list-container">
         @if (EndTitleContent != null)
         {
             @EndTitleContent

CodeBeam.MudBlazor.Extensions/Components/TransferList/MudTransferList.razor

@@ -16,15 +16,15 @@ public partial class MudTransferList<T> : MudComponentBase
         /// <summary>
         /// 
         /// </summary>
-        protected string? StartClassname => new CssBuilder()
+        protected string? StartClassname => new CssBuilder("mud-transfer-list-common")
             .AddClass(ClassListCommon)
             .AddClass(ClassStartList)
             .Build();
 
         /// <summary>
         /// 
         /// </summary>
-        protected string? EndClassname => new CssBuilder()
+        protected string? EndClassname => new CssBuilder("mud-transfer-list-common")
             .AddClass(ClassListCommon)
             .AddClass(ClassEndList)
             .Build();
@@ -369,7 +369,7 @@ protected internal async Task TransferAll(bool startToEnd = true)
                 OrderItems();
                 await EndCollectionChanged.InvokeAsync(EndCollection);
                 await StartCollectionChanged.InvokeAsync(StartCollection);
-                _startList.SelectedValues = null;
+                _startList.Clear();
             }
             else if (startToEnd == false)
             {
@@ -390,7 +390,7 @@ protected internal async Task TransferAll(bool startToEnd = true)
                 OrderItems();
                 await StartCollectionChanged.InvokeAsync(StartCollection);
                 await EndCollectionChanged.InvokeAsync(EndCollection);
-                _endList.SelectedValues = null;
+                _endList.Clear();
             }
         }
 

CodeBeam.MudBlazor.Extensions/Components/TransferList/MudTransferList.razor.cs

@@ -0,0 +1,11 @@
+
+.mud-transfer-list-common {
+    height: fill-available;
+    height: -webkit-fill-available;
+}
+
+.mud-transfer-list-container {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 0%;
+}

CodeBeam.MudBlazor.Extensions/Styles/Components/_transferlist.scss

@@ -791,6 +791,15 @@
 .mud-typography-display-inline {
   display: inline; }
 
+.mud-transfer-list-common {
+  height: fill-available;
+  height: -webkit-fill-available; }
+
+.mud-transfer-list-container {
+  display: flex;
+  flex-direction: column;
+  flex: 1 1 0%; }
+
 /*@import '../abstracts/variables';*/
 .mud-list-extended {
   margin: 0;

CodeBeam.MudBlazor.Extensions/Styles/MudExtensions.css

@@ -9,6 +9,7 @@
 @import 'components/_switchm3';
 @import 'components/_wheel';
 @import 'components/_typographym3';
+@import 'components/_transferlist.scss';
 
 @import 'components/_listextended';
 @import 'components/_selectextended';