From 085c3b4cf9178514d68f283afc2f5d0f2133a6bc Mon Sep 17 00:00:00 2001
From: SureshMasanam <suresh.m@syncfusion.com>
Date: Sun, 7 Jun 2026 13:19:57 +0530
Subject: [PATCH] 1028375: Documentation Correction in Blazor Tools Components

---
 blazor-toc.html                               |  3 +-
 blazor/drop-down-menu/style-and-appearance.md |  4 +-
 blazor/in-place-editor/native-events.md       | 50 +++++++++++++++++++
 3 files changed, 53 insertions(+), 4 deletions(-)
 create mode 100644 blazor/in-place-editor/native-events.md

diff --git a/blazor-toc.html b/blazor-toc.html
index 07db8bc3e6..e1d13842e7 100644
--- a/blazor-toc.html
+++ b/blazor-toc.html
@@ -3024,10 +3024,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>
@@ -3454,6 +3452,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/drop-down-menu/style-and-appearance.md b/blazor/drop-down-menu/style-and-appearance.md
index 8bbd12c412..ce48521272 100644
--- a/blazor/drop-down-menu/style-and-appearance.md
+++ b/blazor/drop-down-menu/style-and-appearance.md
@@ -37,7 +37,7 @@ The Dropdown Menu component can be disabled by setting the [Disabled](https://he
 </SfDropDownButton>
 ```
 
-![Disabled state of Blazor DropDownMenu](./images/blazor-dropdownmenu-in-disable-state.webp)
+![Disabled state of Blazor DropDownMenu](.\images\blazor-dropdownmenu-in-disable-state.png)
 
 ## Create Dropdown Menu with Rounded Corner
 
@@ -64,4 +64,4 @@ In the following example, the `e-round-corner` class sets a `5px` `border-radius
 
 ```
 
-![Blazor DropDownMenu with Rounded Corner](./images/blazor-dropdownmenu-with-rounded-corner.webp)
\ No newline at end of file
+![Blazor DropDownMenu with Rounded Corner](.\images\blazor-dropdownmenu-with-rounded-corner.png)
\ No newline at end of file
diff --git a/blazor/in-place-editor/native-events.md b/blazor/in-place-editor/native-events.md
new file mode 100644
index 0000000000..f556681a23
--- /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 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.
+
+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