fix(react-headless-components-preview): dismiss Popover on focus exit by default

change/@fluentui-react-headless-components-preview-a73dd995-4801-4e2d-a38e-22b587c50e43.json

@@ -0,0 +1,6 @@
+{
+  "type": "patch",
+  "comment": "fix: dismiss non-modal Popover on focus exit across same-origin frames, preserving logical Portal hover, initial trigger Portal focus, and destination focus",
+  "packageName": "@fluentui/react-headless-components-preview",
+  "email": "paulmardling@microsoft.com"
+}

change/@fluentui-react-portal-a79d9baf-03ac-4063-8281-fd57a169d3ca.json

@@ -0,0 +1,6 @@
+{
+  "type": "patch",
+  "comment": "fix: establish portal virtual ownership during layout for focus observers",
+  "packageName": "@fluentui/react-portal",
+  "email": "paulmardling@microsoft.com"
+}

packages/react-components/react-headless-components-preview/library/package.json

@@ -662,6 +662,7 @@
     ]
   },
   "devDependencies": {
+    "@fluentui/react-portal": "*",
     "@fluentui/scripts-cypress": "*",
     "@oddbird/popover-polyfill": "^0.6.1"
   },

packages/react-components/react-headless-components-preview/library/src/components/InfoLabel/InfoLabel.cy.tsx

@@ -14,6 +14,28 @@ describe('InfoLabel - close on tab-out', () => {
     return cy.get('button.info-button').focus().realPress('{enter}');
   };
 
+  it('preserves destination focus and does not duplicate close notifications', () => {
+    mount(
+      <>
+        <InfoLabel
+          label="Label"
+          info={<button data-testid="inside">Inside</button>}
+          infoButton={{
+            className: 'info-button',
+            popover: { onOpenChange: cy.spy().as('change') },
+          }}
+        />
+        <button data-testid="after">After</button>
+      </>,
+    );
+    openInfoButton().get(surfaceSelector).should('exist');
+    cy.get('@change').invoke('resetHistory');
+    cy.get('[data-testid=inside]').focus().realPress('Tab');
+    cy.get(surfaceSelector).should('not.exist');
+    cy.get('[data-testid=after]').should('have.focus');
+    cy.get('@change').should('have.callCount', 0);
+  });
+
   it('no focusable elements', () => {
     mount(
       <>