From 91d251ba6f9abefcfbb2ad2a4d27d6b314fd678e Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 25 Sep 2025 14:29:07 +0000
Subject: [PATCH 1/2] Initial plan


From 19861101b2b5effc315499eda8e4275f1ebe1598 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 25 Sep 2025 14:44:55 +0000
Subject: [PATCH 2/2] Remove inline JS event handler from NavMenu component and
 replace with ES6 module

Co-authored-by: javiercn <6995051+javiercn@users.noreply.github.com>
---
 .../BlazorWebCSharp.1/Components/Layout/NavMenu.razor    | 4 +++-
 .../BlazorWebCSharp.1/Components/Layout/NavMenu.razor.js | 9 +++++++++
 2 files changed, 12 insertions(+), 1 deletion(-)
 create mode 100644 src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/NavMenu.razor.js

diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/NavMenu.razor b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/NavMenu.razor
index 00fbe2af24d7..f6475e36b646 100644
--- a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/NavMenu.razor
+++ b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/NavMenu.razor
@@ -4,6 +4,8 @@
 @inject NavigationManager NavigationManager
 
 ##endif*@
+<script type="module" src="@Assets["Components/Layout/NavMenu.razor.js"]"></script>
+
 <div class="top-row ps-3 navbar navbar-dark">
     <div class="container-fluid">
         <a class="navbar-brand" href="">BlazorWebCSharp.1</a>
@@ -12,7 +14,7 @@
 
 <input type="checkbox" title="Navigation menu" class="navbar-toggler" />
 
-<div class="nav-scrollable" onclick="document.querySelector('.navbar-toggler').click()">
+<div id="nav-scrollable" class="nav-scrollable">
     <nav class="nav flex-column">
         <div class="nav-item px-3">
             <NavLink class="nav-link" href="" Match="NavLinkMatch.All">
diff --git a/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/NavMenu.razor.js b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/NavMenu.razor.js
new file mode 100644
index 000000000000..6efc9a015880
--- /dev/null
+++ b/src/ProjectTemplates/Web.ProjectTemplates/content/BlazorWeb-CSharp/BlazorWebCSharp.1/Components/Layout/NavMenu.razor.js
@@ -0,0 +1,9 @@
+// Handle navigation menu toggle
+const navScrollable = document.getElementById("nav-scrollable");
+const navToggler = document.querySelector(".navbar-toggler");
+
+if (navScrollable && navToggler) {
+    navScrollable.addEventListener("click", function() {
+        navToggler.click();
+    });
+}
\ No newline at end of file