From 9e45a3e0a29741a4e2ea332164172bde97d82c95 Mon Sep 17 00:00:00 2001
From: SureshMasanam <suresh.m@syncfusion.com>
Date: Sun, 7 Jun 2026 13:06:37 +0530
Subject: [PATCH 1/2] 1028375: Documentation Correction in Blazor Tools
 Components

---
 blazor-toc.html                         |  3 +-
 blazor/in-place-editor/native-events.md | 50 +++++++++++++++++++++++++
 2 files changed, 51 insertions(+), 2 deletions(-)
 create mode 100644 blazor/in-place-editor/native-events.md

diff --git a/blazor-toc.html b/blazor-toc.html
index b447d8de1f..17728a01ea 100644
--- a/blazor-toc.html
+++ b/blazor-toc.html
@@ -3030,10 +3030,8 @@
 			<li>How To
 				<ul>
 				<li> <a href="/blazor/drop-down-menu/how-to/change-caret-icon">Change caret icon</a></li>
-				<li> <a href="/blazor/drop-down-menu/how-to/create-dropdownbutton-with-rounded-corner">Create Dropdown Menu with rounded corner</a></li>
 				<li> <a href="/blazor/drop-down-menu/how-to/create-right-to-left-dropdownbutton">Create right-to-left Dropdown Menu</a></li>
 				<li> <a href="/blazor/drop-down-menu/how-to/customize-icon-and-width">Customize icon and width</a></li>
-				<li> <a href="/blazor/drop-down-menu/how-to/disable-a-dropdownbutton">Disable a Dropdown Menu</a></li>
 				<li> <a href="/blazor/drop-down-menu/how-to/group-popups-with-listview">Group popups with listview component</a></li>
 				<li> <a href="/blazor/drop-down-menu/how-to/hide-dropdown-arrow">Hide dropdown arrow</a></li>
 				<li> <a href="/blazor/drop-down-menu/how-to/open-a-dialog-on-popup-item-click">Open a dialog on popup item click</a></li>
@@ -3460,6 +3458,7 @@
 			<li> <a href="/blazor/in-place-editor/style">Style and Appearance</a></li>
 			<li> <a href="/blazor/in-place-editor/localization">Globalization</a></li>
 			<li> <a href="/blazor/in-place-editor/events">Events</a></li>
+			<li> <a href="/blazor/in-place-editor/native-events">Native Events</a></li>
 			<li>How To
 				<ul>
 					<li> <a href="/blazor/in-place-editor/how-to/dynamic-edit-mode">Dynamically move input to edit mode</a></li>
diff --git a/blazor/in-place-editor/native-events.md b/blazor/in-place-editor/native-events.md
new file mode 100644
index 0000000000..ff5c46f141
--- /dev/null
+++ b/blazor/in-place-editor/native-events.md
@@ -0,0 +1,50 @@
+---
+layout: post
+title: Native Events in Blazor In-place Editor Component | Syncfusion
+description: Checkout and learn here all about Native Events in Syncfusion Blazor In-place Editor component and much more.
+platform: Blazor
+control: In-place Editor  
+documentation: ug
+---
+
+# Overview
+
+You can define the native event using on `<event>` attribute in component. The value of attribute is treated as an event handler. The event specific data will be available in event arguments.
+
+The different event argument types for each event are:
+
+* Mouse Events - UIMouseEventArgs
+* Keyboard Events - UIKeyboardEventArgs
+
+## List of Native events supported
+
+The following native events support is provided to the In-place Editor component:
+
+| List of Native events |  |  | |
+| --- | --- | --- | --- |
+| onmousedown | onmouseup | onmouseover | onmousemove |
+| onmouseout | onkeydown | onkeypress | onkeyup |
+
+## How to bind onmousedown event to In-place Editor
+
+The `onmousedown` attribute is used to bind the mouse down event for In-place Editor. The sample code snippets of `onmousedown` in In-place Editor to change the mode as Inline are explained as follows.
+
+```cshtml
+
+@using Syncfusion.Blazor.InPlaceEditor
+
+<SfInPlaceEditor Mode="@Mode" @onmousedown="OnMouseDown" Type="InputType.Text" Value="@TextValue" SubmitOnEnter="true" />
+
+@code {
+    public string TextValue = "Andrew";
+    public Syncfusion.Blazor.InPlaceEditor.RenderMode Mode = Syncfusion.Blazor.InPlaceEditor.RenderMode.Inline;
+
+    private void OnMouseDown(MouseEventArgs args)
+    {
+        this.Mode = this.Mode == Syncfusion.Blazor.InPlaceEditor.RenderMode.Inline ? Syncfusion.Blazor.InPlaceEditor.RenderMode.Popup : Syncfusion.Blazor.InPlaceEditor.RenderMode.Inline;
+        this.StateHasChanged();
+    }
+
+}
+
+```
\ No newline at end of file

From 06e4ab669ec77bf1964911fb45c4a587f16dc998 Mon Sep 17 00:00:00 2001
From: sureshsf3950 <119393805+sureshsf3950@users.noreply.github.com>
Date: Sun, 7 Jun 2026 13:16:38 +0530
Subject: [PATCH 2/2] 1028375: Documentation Correction in Blazor Tools
 Components

---
 blazor/in-place-editor/native-events.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/blazor/in-place-editor/native-events.md b/blazor/in-place-editor/native-events.md
index ff5c46f141..b53eb81212 100644
--- a/blazor/in-place-editor/native-events.md
+++ b/blazor/in-place-editor/native-events.md
@@ -7,7 +7,7 @@ control: In-place Editor
 documentation: ug
 ---
 
-# Overview
+# Overview on Native Events
 
 You can define the native event using on `<event>` attribute in component. The value of attribute is treated as an event handler. The event specific data will be available in event arguments.
 
@@ -47,4 +47,4 @@ The `onmousedown` attribute is used to bind the mouse down event for In-place Ed
 
 }
 
-```
\ No newline at end of file
+```