syncfusion-content · DeepakRajSundar · Jul 23, 2026
diff --git a/blazor/Release-Notes/34.1.30.md b/blazor/Release-Notes/34.1.30.md
diff --git a/blazor/Release-Notes/34.1.31.md b/blazor/Release-Notes/34.1.31.md
diff --git a/blazor/Release-Notes/34.1.32.md b/blazor/Release-Notes/34.1.32.md
diff --git a/blazor/button/native-event.md b/blazor/button/native-event.md
@@ -367,4 +367,4 @@ The `onfocusout` event fires when the Button or any of its child elements loses
         Message = "Focus moved out of the button (focusout).";
     }
 }
-```
+```
diff --git a/blazor/chart/accessibility.md b/blazor/chart/accessibility.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Accessibility in Blazor Chart Component
 
-The [Blazor Chart](https://www.syncfusion.com/blazor-components/blazor-charts) component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
+The Blazor Chart component followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility.
 
 The accessibility compliance for the  Blazor Chart component is outlined below.
 

diff --git a/blazor/chart/adaptive-layout.md b/blazor/chart/adaptive-layout.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Adaptive Layout in Blazor Charts Component
 
-Adaptive layout in [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) ensures optimal display of chart elements on mobile devices and screens with limited space. By enabling the [EnableAdaptiveRendering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.SfChart.html#Syncfusion_Blazor_Charts_SfChart_EnableAdaptiveRendering) property, the chart automatically adjusts to container size changes, maintaining clear alignment and visibility for elements such as legend, axis titles, axis labels, data labels, chart title, and more.
+Adaptive layout in Blazor Charts ensures optimal display of chart elements on mobile devices and screens with limited space. By enabling the [EnableAdaptiveRendering](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.SfChart.html#Syncfusion_Blazor_Charts_SfChart_EnableAdaptiveRendering) property, the chart automatically adjusts to container size changes, maintaining clear alignment and visibility for elements such as legend, axis titles, axis labels, data labels, chart title, and more.
 
 ```cshtml
 

diff --git a/blazor/chart/advanced-accessibility-configuration.md b/blazor/chart/advanced-accessibility-configuration.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Accessibility Customization in Blazor Chart Component
 
-The [Blazor Chart](https://www.syncfusion.com/blazor-components/blazor-charts) component is structured to visualize data in a graphical manner. It provides robust customization options for accessibility, allowing you to enhance the user experience for those with disabilities. The main attributes of the Blazor Chart component's accessibility customization are briefly explained in this section.
+The Blazor Chart component is structured to visualize data in a graphical manner. It provides robust customization options for accessibility, allowing you to enhance the user experience for those with disabilities. The main attributes of the Blazor Chart component's accessibility customization are briefly explained in this section.
 
 The chart component has a number of characteristics that enable accessibility features to be customized, including:
 *  [AccessibilityDescription](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.SfChart.html#Syncfusion_Blazor_Charts_SfChart_AccessibilityDescription) - Provides a text description for the chart, improving support for screen readers.

diff --git a/blazor/chart/cross-hair-and-track-ball.md b/blazor/chart/cross-hair-and-track-ball.md
@@ -11,7 +11,7 @@ documentation: ug
 
 Inspect or target any data point on mouse move or touch with the help of crosshair. A thin horizontal line and vertical line indicate the data point with the information displayed in an interactive tooltip. The crosshair can be enabled using the [Enable](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.ChartCrosshairSettings.html#Syncfusion_Blazor_Charts_ChartCrosshairSettings_Enable) property in the [ChartCrosshairSettings](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.Charts.ChartCrosshairSettings.html).
 
-A detailed walkthrough demonstrating how to enable and customize the crosshair and trackball in [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) is presented in the video below
+A detailed walkthrough demonstrating how to enable and customize the crosshair and trackball in Blazor charts is presented in the video below
 
 {% youtube "youtube:https://www.youtube.com/watch?v=ASrWXJh0khI" %}
 

diff --git a/blazor/chart/zooming.md b/blazor/chart/zooming.md
@@ -9,7 +9,7 @@ documentation: ug
 
 # Zooming in Blazor Charts Component
 
-A detailed walkthrough demonstrating how to configure and use zooming and panning in the [Blazor Charts](https://www.syncfusion.com/blazor-components/blazor-charts) is presented in the video below.
+A detailed walkthrough demonstrating how to configure and use zooming and panning in the Blazor charts is presented in the video below.
 
 {% youtube "youtube:https://www.youtube.com/watch?v=-fqwvVMI9Ec" %}
 

diff --git a/blazor/combobox/customization.md b/blazor/combobox/customization.md
@@ -0,0 +1,46 @@
+---
+layout: post
+title: Customization in Blazor ComboBox | Syncfusion®
+description: Checkout and learn here all the features about Customization in Blazor ComboBox component and much more.
+platform: Blazor
+control: ComboBox
+documentation: ug
+---
+
+# Customization in Blazor ComboBox
+
+## Open ComboBox dropdown on focus
+
+Automatically open the ComboBox dropdown when the input receives focus by handling the [Focus event](https://blazor.syncfusion.com/documentation/combobox/events#focus) and calling the [ShowPopupAsync method](https://help.syncfusion.com/cr/blazor/Syncfusion.Blazor.DropDowns.SfDropDownList-2.html#Syncfusion_Blazor_DropDowns_SfDropDownList_2_ShowPopupAsync) (inherited from the base DropDownList). ShowPopupAsync programmatically opens the popup displaying the list of items.
+
+```cshtml
+@using Syncfusion.Blazor.DropDowns
+
+<SfComboBox @ref=@popup TItem="GameFields" TValue="string" DataSource="@Games">
+    <ComboBoxEvents TItem="GameFields" TValue="string" Focus="@FocusHandler"></ComboBoxEvents>
+    <ComboBoxFieldSettings Text="Text" Value="ID"></ComboBoxFieldSettings>
+</SfComboBox>
+
+@code {
+    public class GameFields
+    {
+        public string ID { get; set; }
+        public string Text { get; set; }
+    }
+    SfComboBox<string, GameFields> popup;
+    private List<GameFields> Games = new List<GameFields>() {
+        new GameFields(){ ID= "Game1", Text= "American Football" },
+        new GameFields(){ ID= "Game2", Text= "Badminton" },
+        new GameFields(){ ID= "Game3", Text= "Basketball" },
+        new GameFields(){ ID= "Game4", Text= "Cricket" },
+     };
+
+    private void FocusHandler()
+    {
+        popup.ShowPopupAsync();
+
+    }
+}
+```
+
+![Blazor ComboBox opening dropdown on focus](./images/blazor-combobox-customization.png)
-Original file line number
+Diff line change
@@ Expand Up @@
             Message = "Focus moved out of the button (focusout).";
         }
     }
-    ```
+    ```