Merge branch 'dev' into dev

.config/tsaoptions.json

@@ -0,0 +1,12 @@
+{
+    "areaPath": "DevDiv\\ASP.NET Core\\Blazor\\FluentUI Blazor Components",
+    "codebaseName": "fluentui-blazor",
+    "instanceUrl": "https://devdiv.visualstudio.com/",
+    "iterationPath": "DevDiv",
+    "notificationAliases": [
+      "fluentui-blazor@microsoft.com"
+    ],
+    "projectName": "DEVDIV",
+    "repositoryName": "fluentui-blazor",
+    "template": "TFSDEVDIV"
+  }

README.md

@@ -144,6 +144,10 @@ maintaining accessibility. This is accomplished through setting various "design
 You can use this library in **Blazor Hybrid** (MAUI/WPF/Windows Forms) projects. Setup is almost the same as described in the "Getting started" section above, but to get everything to work you'll need to take one extra steps (for now) described below.
 
 ### Temporary workaround for MAUI/WPF/Windows Forms issues
+
+> [!NOTE]
+> The workaround below only applies to .NET 8 (and below). As of .NET 9 this workaround is no longer needed. If you have this workaround in place for .NET 9 your Blazor Hybrid project **will not load**.
+
 Currently when using the WebView to run Blazor (so all Hybrid variants) the web-components script is not imported automatically (see [#404](https://github.com/microsoft/fluentui-blazor/issues/404)). 
 There is also an issue with loading the custom event handlers that are being configured by the web-components script. Until these are fixed on the WebView side, there is a workaround available, namely to intercept `'_framework/blazor.modules.json'` and provide proper JS initializers file (created by build). The needed	`initializersLoader.webview.js` has been added to the library and needs to be included with a script tag **before** the `_framework/blazor.webview.js` script tag:
 

WHATSNEW.md

@@ -1,5 +1,9 @@
 ## V4.10.3
 
+### Important note
+- The main class name for the `FluentAppBar` component has been renamed from `nav-menu-container` to `fluent-appbar`. If you have custom CSS in your app targeting that class, you need to change that to you the new class name.
+
+
 ### General
 - \[General\] Apply global color-scheme to reflect theme in use ([#2854](https://github.com/microsoft/fluentui-blazor/pull/2854))
 

eng/pipelines/build-all-lib.yml

@@ -42,6 +42,11 @@ extends:
   #template: v1/1ES.Unofficial.PipelineTemplate.yml@1esPipelines
   template: azure-pipelines/MicroBuild.1ES.Official.yml@MicroBuildTemplate
   parameters:
+    sdl:
+      policheck:
+        enabled: true
+      tsa:
+        enabled: true
     # Update the pool with your team's 1ES hosted pool.
     pool:
       name: NetCore1ESPool-Internal

eng/pipelines/build-core-lib.yml

@@ -76,6 +76,11 @@ extends:
   #template: v1/1ES.Unofficial.PipelineTemplate.yml@1esPipelines
   template: azure-pipelines/MicroBuild.1ES.Official.yml@MicroBuildTemplate
   parameters:
+    sdl:
+      policheck:
+        enabled: true
+      tsa:
+        enabled: true
     # Update the pool with your team's 1ES hosted pool.
     pool:
       name: NetCore1ESPool-Internal

examples/Demo/Shared/Pages/BlazorHybrid.razor

@@ -5,6 +5,10 @@
 
 <h1>Blazor Hybrid</h1>
 
+<p>
+    <strong>Note:</strong> The workaround below only applies to .NET 8 (and below). As of .NET 9 this workaround is no longer needed. If you have this workaround in place for .NET 9 your Blazor Hybrid project <strong>will not load</strong>.
+</p>
+
 <p>
     It is possible to use this library in your Blazor Hybrid projects. Setup is almost the same as described in the "Getting started" section above,
     however to get everything to work you'll need to take one extra step:

examples/Demo/Shared/wwwroot/docs/WhatsNew.md

@@ -1,5 +1,8 @@
 ## V4.10.3
 
+### Important note
+- The main class name for the `FluentAppBar` component has been renamed from `nav-menu-container` to `fluent-appbar`. If you have custom CSS in your app targeting that class, you need to change that to you the new class name.
+
 ### General
 - \[General\] Apply global color-scheme to reflect theme in use ([#2854](https://github.com/microsoft/fluentui-blazor/pull/2854))
 

src/Core/Components/DataGrid/FluentDataGrid.razor.js

@@ -1,5 +1,4 @@
 let initialColumnsWidths = {};
-var latestGridElement = null;
 
 export function init(gridElement) {
     if (gridElement === undefined || gridElement === null) {
@@ -159,9 +158,6 @@ export function checkColumnPopupPosition(gridElement, selector) {
     }
 }
 export function enableColumnResizing(gridElement) {
-    if (gridElement === latestGridElement)
-        return;
-    latestGridElement = gridElement;
     const columns = [];
     let min = 75;
     let headerBeingResized;
@@ -224,7 +220,9 @@ export function enableColumnResizing(gridElement) {
             resizeHandle = target;
             headerBeingResized = target.parentNode;
 
-            resizeHandle.setPointerCapture(pointerId);
+            if (resizeHandle) {
+                resizeHandle.setPointerCapture(pointerId);
+            }
         };
 
         const dragHandle = header.querySelector('.col-width-draghandle');