fix: preserve active FocusScope when sibling unmounts

packages/react-aria/src/focus/FocusScope.tsx

@@ -180,10 +180,8 @@ export function FocusScope(props: FocusScopeProps): JSX.Element {
       // Scope may have been re-parented.
       let parentScope = focusScopeTree.getTreeNode(scopeRef)?.parent?.scopeRef ?? null;
 
-      if (
-        (scopeRef === activeScope || isAncestorScope(scopeRef, activeScope)) &&
-        (!parentScope || focusScopeTree.getTreeNode(parentScope))
-      ) {
+      // A descendant may remain active while an ancestor scope is unmounted.
+      if (scopeRef === activeScope && (!parentScope || focusScopeTree.getTreeNode(parentScope))) {
         activeScope = parentScope;
       }
       focusScopeTree.removeTreeNode(scopeRef);

packages/react-aria/test/focus/FocusScope.browser.test.tsx

@@ -0,0 +1,73 @@
+/*
+ * Copyright 2026 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */
+
+import {expect, it} from 'vitest';
+import {FocusScope} from '../../src/focus/FocusScope';
+import React, {useState} from 'react';
+import ReactDOM from 'react-dom';
+import {render} from 'vitest-browser-react';
+import {userEvent} from 'vitest/browser';
+
+function Portal({children}: {children: React.ReactNode}) {
+  return ReactDOM.createPortal(children, document.body);
+}
+
+function SiblingScopes() {
+  let [showFirst, setShowFirst] = useState(true);
+  let [showSecond, setShowSecond] = useState(false);
+
+  let openSecond = () => {
+    setShowSecond(true);
+    setTimeout(() => setShowFirst(false), 50);
+  };
+
+  return (
+    <FocusScope contain restoreFocus>
+      <button>Outside</button>
+      {showFirst && (
+        <Portal>
+          <FocusScope contain={!showSecond} restoreFocus autoFocus>
+            <button onClick={openSecond}>Choose date and time</button>
+          </FocusScope>
+        </Portal>
+      )}
+      {showSecond && (
+        <Portal>
+          <FocusScope contain restoreFocus autoFocus>
+            <button>September</button>
+            <button>2026</button>
+            <button>Next month</button>
+          </FocusScope>
+        </Portal>
+      )}
+    </FocusScope>
+  );
+}
+
+it.each([
+  {direction: 'forward', shift: false, expected: '2026'},
+  {direction: 'reverse', shift: true, expected: 'Next month'}
+])(
+  'keeps $direction Tab navigation in a sibling scope after an exiting sibling unmounts',
+  async ({shift, expected}) => {
+    let {getByRole} = await render(<SiblingScopes />);
+
+    await userEvent.click(getByRole('button', {name: 'Choose date and time'}));
+    await expect
+      .element(getByRole('button', {name: 'Choose date and time'}))
+      .not.toBeInTheDocument();
+    await expect.element(getByRole('button', {name: 'September'})).toHaveFocus();
+
+    await userEvent.tab({shift});
+    await expect.element(getByRole('button', {name: expected})).toHaveFocus();
+  }
+);

packages/react-aria/test/focus/FocusScope.test.js

@@ -1927,6 +1927,54 @@ describe('FocusScope', function () {
       expect(document.activeElement).toBe(child3);
     });
 
+    it.each([
+      {direction: 'forward', shift: false, expected: 'second2'},
+      {direction: 'reverse', shift: true, expected: 'second3'}
+    ])(
+      'should keep $direction focus contained after an exiting sibling unmounts',
+      async function ({shift, expected}) {
+        function Portal({children}) {
+          return ReactDOM.createPortal(children, document.body);
+        }
+
+        function Test({showFirst, showSecond}) {
+          return (
+            <FocusScope contain restoreFocus>
+              <button data-testid="outside">Outside</button>
+              {showFirst && (
+                <Portal>
+                  <FocusScope contain={!showSecond} restoreFocus autoFocus>
+                    <button data-testid="first">First</button>
+                  </FocusScope>
+                </Portal>
+              )}
+              {showSecond && (
+                <Portal>
+                  <FocusScope contain restoreFocus autoFocus>
+                    <button data-testid="second1">September</button>
+                    <button data-testid="second2">2026</button>
+                    <button data-testid="second3">Next month</button>
+                  </FocusScope>
+                </Portal>
+              )}
+            </FocusScope>
+          );
+        }
+
+        let {getByTestId, rerender} = render(<Test showFirst />);
+        expect(document.activeElement).toBe(getByTestId('first'));
+
+        rerender(<Test showFirst showSecond />);
+        expect(document.activeElement).toBe(getByTestId('second1'));
+
+        rerender(<Test showSecond />);
+        expect(document.activeElement).toBe(getByTestId('second1'));
+
+        await user.tab({shift});
+        expect(document.activeElement).toBe(getByTestId(expected));
+      }
+    );
+
     it('should restore to the correct scope on unmount', async function () {
       function Test({show1, show2, show3}) {
         return (