[msal-v5] Add local-network-access iframe attribute for Chrome 142+ compatibility

change/@azure-msal-browser-f58c5c6e-8433-4f07-9f71-6e58bab22ab2.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Add allow=\"local-network-access *\" attribute to iframe for Chrome 142 compatibility [#8132](https://github.com/AzureAD/microsoft-authentication-library-for-js/pull/8132)",
+  "packageName": "@azure/msal-browser",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

lib/msal-browser/src/interaction_handler/SilentHandler.ts

@@ -200,6 +200,7 @@ function createHiddenIframe(): HTMLIFrameElement {
         "sandbox",
         "allow-scripts allow-same-origin allow-forms"
     );
+    authFrame.setAttribute("allow", "local-network-access *");
     document.body.appendChild(authFrame);
 
     return authFrame;

lib/msal-browser/test/interaction_handler/SilentHandler.spec.ts

@@ -61,6 +61,18 @@ describe("SilentHandler.ts Unit Tests", () => {
             );
             expect(authFrame instanceof HTMLIFrameElement).toBe(true);
         });
+
+        it("Sets the allow attribute for local network access on iframe", async () => {
+            const authFrame = await SilentHandler.initiateCodeRequest(
+                testNavUrl,
+                performanceClient,
+                browserRequestLogger,
+                RANDOM_TEST_GUID
+            );
+            expect(authFrame.getAttribute("allow")).toBe(
+                "local-network-access *"
+            );
+        });
     });
 
     describe("monitorIframeForHash", () => {