From f1f3e5f96545e26409af72780360c8b886573e6a Mon Sep 17 00:00:00 2001
From: SureshMasanam <suresh.m@syncfusion.com>
Date: Wed, 25 Mar 2026 10:25:57 +0530
Subject: [PATCH 1/2] 1017715: MultiSelect Style and Apperence Samples is not
 work Properly

---
 .../code-snippet/style/appearance-popup.razor                | 4 ++--
 .../code-snippet/style/clearAsync-method.razor               | 5 +++--
 .../code-snippet/style/dropdown-icon-color.razor             | 2 +-
 3 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/blazor/multiselect-dropdown/code-snippet/style/appearance-popup.razor b/blazor/multiselect-dropdown/code-snippet/style/appearance-popup.razor
index 7b2ca2e375..b35d2a8332 100644
--- a/blazor/multiselect-dropdown/code-snippet/style/appearance-popup.razor
+++ b/blazor/multiselect-dropdown/code-snippet/style/appearance-popup.razor
@@ -25,8 +25,8 @@
 }
 
 <style>
-.e-dropdownbase .e-list-item, .e-dropdownbase .e-list-item.e-item-focus {
-    background-color: #29c2b8;
+.e-dropdownbase .e-list-item, .e-popup.e-multi-select-list-wrapper .e-dropdownbase .e-list-item.e-item-focus {
+    background: #29c2b8;
     color: #207cd9;
     font-family: emoji;
     min-height: 29px
diff --git a/blazor/multiselect-dropdown/code-snippet/style/clearAsync-method.razor b/blazor/multiselect-dropdown/code-snippet/style/clearAsync-method.razor
index c5e7da29ad..5ec590a14c 100644
--- a/blazor/multiselect-dropdown/code-snippet/style/clearAsync-method.razor
+++ b/blazor/multiselect-dropdown/code-snippet/style/clearAsync-method.razor
@@ -31,9 +31,10 @@
 
     public string[] GameValue { get; set; } = { "Game5"};
 
-     public void ClearAll()
+     public async void ClearAll()
     {
-        this.MultiSelectObj.ClearAsync();
+        await this.MultiSelectObj.ClearAsync();
+        StateHasChanged();
     }
 
 }
\ No newline at end of file
diff --git a/blazor/multiselect-dropdown/code-snippet/style/dropdown-icon-color.razor b/blazor/multiselect-dropdown/code-snippet/style/dropdown-icon-color.razor
index 6aa8d07de3..7c71d23778 100644
--- a/blazor/multiselect-dropdown/code-snippet/style/dropdown-icon-color.razor
+++ b/blazor/multiselect-dropdown/code-snippet/style/dropdown-icon-color.razor
@@ -1,6 +1,6 @@
 @using Syncfusion.Blazor.DropDowns;
 
-<SfMultiSelect TValue="string[]" TItem="Games" Placeholder="Favorite Sports" DataSource="@LocalData" Width="300px">
+<SfMultiSelect TValue="string[]" TItem="Games" Placeholder="Favorite Sports" ShowDropDownIcon="true" DataSource="@LocalData" Width="300px">
     <MultiSelectFieldSettings Text="Text" Value="ID"></MultiSelectFieldSettings>
 </SfMultiSelect>
 

From e95c9f99d6493ca926e8cf669b1b42e71e4b41dc Mon Sep 17 00:00:00 2001
From: sureshsf3950 <119393805+sureshsf3950@users.noreply.github.com>
Date: Fri, 27 Mar 2026 18:35:11 +0530
Subject: [PATCH 2/2] 1017715: MultiSelect Style and Apperence Samples is not
 work Properly
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

## Title
MultiSelect Style and Appearance Samples is not work Properly

## Task Link
[Task-1017715](https://dev.azure.com/EssentialStudio/Ej2-Web/_workitems/edit/1017715)

## Ticket Link
[Ticket-824223](https://support.syncfusion.com/agent/tickets/824223)

## What's corrected?
Added a dropdown icon to the customization sample, improved popup appearance with proper background color, and fixed unclear values when using the clearAllAsync method
 ### AI Usage:
Code Studio used in this PR/MR? (Yes / No)
* [ ] Yes
* [x] No

#### If Yes: Primary use (choose one)
* [ ] Generate new code
* [ ] Refactor/improve existing code
* [ ] Tests
* [ ] Bug fix / debugging help
* [ ] Docs / comments
* [ ] Review assistance (explanations/summaries)
* [ ] Other

#### Outcome (Saved time / Neutral / Cost time)
* [ ] Saved time
* [ ] Neutral
* [ ] Cost time

#### If “Cost time” explain in short (1 or 2 lines):
---
 .../code-snippet/style/cssClass-property.razor                | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/blazor/multiselect-dropdown/code-snippet/style/cssClass-property.razor b/blazor/multiselect-dropdown/code-snippet/style/cssClass-property.razor
index f41a76a9f5..108924102c 100644
--- a/blazor/multiselect-dropdown/code-snippet/style/cssClass-property.razor
+++ b/blazor/multiselect-dropdown/code-snippet/style/cssClass-property.razor
@@ -1,6 +1,6 @@
 @using Syncfusion.Blazor.DropDowns;
 
-<SfMultiSelect TValue="string[]" TItem="Games" Placeholder="Favorite Sports" DataSource="@LocalData" CssClass="@CssClass"> 
+<SfMultiSelect TValue="string[]" TItem="Games" Placeholder="Favorite Sports" DataSource="@LocalData" FloatLabelType="Syncfusion.Blazor.Inputs.FloatLabelType.Auto" CssClass="@CssClass"> 
     <MultiSelectFieldSettings Text="Text" Value="ID"></MultiSelectFieldSettings>
 </SfMultiSelect>
 
@@ -24,4 +24,4 @@
     new Games() { ID= "Game10", Text= "Tennis"},
     };
     public string CssClass { get; set; } = "e-success";
-}
\ No newline at end of file
+}