diff --git a/pages/annotation-context/with-iframe.page.tsx b/pages/annotation-context/with-iframe.page.tsx
new file mode 100644
index 0000000000..8e05336493
--- /dev/null
+++ b/pages/annotation-context/with-iframe.page.tsx
@@ -0,0 +1,45 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+
+import { Box, SpaceBetween } from '~components';
+import AnnotationContext from '~components/annotation-context';
+import Hotspot from '~components/hotspot';
+
+import { annotationContextStrings } from '../onboarding/i18n';
+import tutorials from '../onboarding/tutorials';
+import { IframeWrapper } from '../utils/iframe-wrapper';
+
+const tutorial = tutorials(() => {})[0];
+
+function IframeContent() {
+  return (
+    <AnnotationContext
+      currentTutorial={tutorial}
+      i18nStrings={annotationContextStrings}
+      onStartTutorial={() => {}}
+      onExitTutorial={() => {}}
+    >
+      <Box padding="m">
+        <SpaceBetween size="l">
+          <div>
+            Hotspot 1: <Hotspot hotspotId={tutorial.tasks[0].steps[0].hotspotId} />
+          </div>
+          <div>
+            Hotspot 2: <Hotspot hotspotId={tutorial.tasks[0].steps[2].hotspotId} />
+          </div>
+        </SpaceBetween>
+      </Box>
+    </AnnotationContext>
+  );
+}
+
+export default function () {
+  return (
+    <Box margin="m">
+      <h1>Annotation context in iframe</h1>
+      <p>Click the hotspot icons — the annotation popover should appear inside the iframe.</p>
+      <IframeWrapper id="annotation-iframe" AppComponent={IframeContent} />
+    </Box>
+  );
+}
diff --git a/pages/button-dropdown/disabled-reason-iframe.page.tsx b/pages/button-dropdown/disabled-reason-iframe.page.tsx
new file mode 100644
index 0000000000..ff68fdcd7a
--- /dev/null
+++ b/pages/button-dropdown/disabled-reason-iframe.page.tsx
@@ -0,0 +1,17 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+
+import { Box } from '~components';
+
+import { IframeWrapper } from '../utils/iframe-wrapper';
+import { DisabledReasonDemo } from './disabled-reason.page';
+
+export default function () {
+  return (
+    <Box margin="m">
+      <h1>ButtonDropdown disabled reason in iframe</h1>
+      <IframeWrapper id="button-dropdown-iframe" AppComponent={DisabledReasonDemo} />
+    </Box>
+  );
+}
diff --git a/pages/button-dropdown/disabled-reason.page.tsx b/pages/button-dropdown/disabled-reason.page.tsx
index 82864fd812..4031380eba 100644
--- a/pages/button-dropdown/disabled-reason.page.tsx
+++ b/pages/button-dropdown/disabled-reason.page.tsx
@@ -133,11 +133,10 @@ export const selectableGroupItems: ButtonDropdownProps.Items = [
   { text: 'Action', id: 'action', disabled: false },
 ];
 
-export default function DescriptionPage() {
+export function DisabledReasonDemo() {
   const [isRightAligned, setIsRightAligned] = useState(false);
   return (
     <>
-      <h1>Descriptions in ButtonDropdown</h1>
       <label>
         <input
           type="checkbox"
@@ -184,3 +183,12 @@ export default function DescriptionPage() {
     </>
   );
 }
+
+export default function DescriptionPage() {
+  return (
+    <>
+      <h1>Descriptions in ButtonDropdown</h1>
+      <DisabledReasonDemo />
+    </>
+  );
+}
diff --git a/pages/button/disabled-reason-iframe.page.tsx b/pages/button/disabled-reason-iframe.page.tsx
new file mode 100644
index 0000000000..67edafcba6
--- /dev/null
+++ b/pages/button/disabled-reason-iframe.page.tsx
@@ -0,0 +1,17 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import React from 'react';
+
+import { Box } from '~components';
+
+import { IframeWrapper } from '../utils/iframe-wrapper';
+import { DisabledReasonDemo } from './disabled-reason.page';
+
+export default function () {
+  return (
+    <Box margin="m">
+      <h1>Button disabled reason in iframe</h1>
+      <IframeWrapper id="button-iframe" AppComponent={DisabledReasonDemo} />
+    </Box>
+  );
+}
diff --git a/pages/button/disabled-reason.page.tsx b/pages/button/disabled-reason.page.tsx
index b405c2a0c4..55dc65d385 100644
--- a/pages/button/disabled-reason.page.tsx
+++ b/pages/button/disabled-reason.page.tsx
@@ -8,31 +8,39 @@ import ScreenshotArea from '../utils/screenshot-area';
 
 import styles from './styles.scss';
 
+export function DisabledReasonDemo() {
+  return (
+    <>
+      <Button variant="primary" disabled={true} disabledReason="disabled reason">
+        Primary
+      </Button>
+      <Button disabled={true} disabledReason="disabled reason">
+        Default
+      </Button>
+      <Button
+        disabled={true}
+        disabledReason="disabled reason"
+        href="https://smth.com"
+        data-testid="normal-button-with-href"
+      >
+        Button with href
+      </Button>
+      <Button
+        disabled={true}
+        disabledReason="disabled reason"
+        iconName="star"
+        ariaLabel="Disabled reason icon button"
+      />
+    </>
+  );
+}
+
 export default function ButtonsScenario() {
   return (
     <article>
       <ScreenshotArea>
         <h1 className={styles.styledWrapper}>Buttons with disabled reason</h1>
-        <Button variant="primary" disabled={true} disabledReason="disabled reason">
-          Primary
-        </Button>
-        <Button disabled={true} disabledReason="disabled reason">
-          Default
-        </Button>
-        <Button
-          disabled={true}
-          disabledReason="disabled reason"
-          href="https://smth.com"
-          data-testid="normal-button-with-href"
-        >
-          Button with href
-        </Button>
-        <Button
-          disabled={true}
-          disabledReason="disabled reason"
-          iconName="star"
-          ariaLabel="Disabled reason icon button"
-        />
+        <DisabledReasonDemo />
       </ScreenshotArea>
     </article>
   );
diff --git a/pages/table/with-iframe.page.tsx b/pages/table/with-iframe.page.tsx
index 2ece0349dc..3a778ceee2 100644
--- a/pages/table/with-iframe.page.tsx
+++ b/pages/table/with-iframe.page.tsx
@@ -6,7 +6,7 @@ import zipObject from 'lodash/zipObject';
 
 import { useCollection } from '@cloudscape-design/collection-hooks';
 
-import { Box, NonCancelableCustomEvent, SpaceBetween, Table, TableProps, TextFilter } from '~components';
+import { Box, Input, NonCancelableCustomEvent, SpaceBetween, Table, TableProps, TextFilter } from '~components';
 
 import AppContext, { AppContextType } from '../app/app-context';
 import { IframeWrapper } from '../utils/iframe-wrapper';
@@ -21,6 +21,21 @@ type PageContext = React.Context<
 
 const allItems = generateItems(10);
 
+const editableColumnsConfig: typeof columnsConfig = [
+  ...columnsConfig,
+  {
+    id: 'type-edit',
+    header: 'Type (disabled edit)',
+    cell: item => item.type,
+    editConfig: {
+      editingCell: (item, { currentValue, setValue }) => (
+        <Input value={currentValue ?? item.type} onChange={event => setValue(event.detail.value)} />
+      ),
+      disabledReason: () => 'Editing is disabled in iframe test',
+    },
+  },
+];
+
 export default function () {
   const {
     urlParams: { iframe = true },
@@ -34,7 +49,7 @@ export default function () {
 }
 
 function DemoTable() {
-  const [columns, setColumns] = useState(columnsConfig);
+  const [columns, setColumns] = useState(editableColumnsConfig);
 
   function handleWidthChange(event: NonCancelableCustomEvent<TableProps.ColumnWidthsChangeDetail>) {
     const widths = zipObject(
@@ -67,13 +82,21 @@ function DemoTable() {
       <Table
         items={items}
         {...collectionProps}
-        ariaLabels={selectionLabels}
+        ariaLabels={{
+          ...selectionLabels,
+          activateEditLabel: (column, item) => `Edit ${item.id} ${column.header}`,
+          cancelEditLabel: column => `Cancel editing ${column.header}`,
+          submitEditLabel: column => `Submit edit ${column.header}`,
+          submittingEditText: () => 'Submitting',
+          successfulEditLabel: () => 'Edit successful',
+        }}
         stickyHeader={true}
         resizableColumns={true}
         enableKeyboardNavigation={true}
         selectionType="multi"
         columnDefinitions={columns}
         onColumnWidthsChange={handleWidthChange}
+        submitEdit={() => {}}
       />
     </SpaceBetween>
   );
diff --git a/src/annotation-context/__integ__/with-iframe.test.ts b/src/annotation-context/__integ__/with-iframe.test.ts
new file mode 100644
index 0000000000..15459b74ff
--- /dev/null
+++ b/src/annotation-context/__integ__/with-iframe.test.ts
@@ -0,0 +1,21 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { BasePageObject } from '@cloudscape-design/browser-test-tools/page-objects';
+import useBrowser from '@cloudscape-design/browser-test-tools/use-browser';
+
+import createWrapper from '../../../lib/components/test-utils/selectors';
+
+const wrapper = createWrapper();
+
+test(
+  'annotation popover is visible inside iframe',
+  useBrowser(async browser => {
+    const page = new BasePageObject(browser);
+    await browser.url('#/light/annotation-context/with-iframe');
+    await page.runInsideIframe('#annotation-iframe', true, async () => {
+      const annotationSelector = wrapper.findAnnotation().toSelector();
+      await page.waitForVisible(annotationSelector);
+      await expect(page.isDisplayed(annotationSelector)).resolves.toBe(true);
+    });
+  })
+);
diff --git a/src/annotation-context/annotation/open-annotation.tsx b/src/annotation-context/annotation/open-annotation.tsx
index ab91c711c6..85d9f92a19 100644
--- a/src/annotation-context/annotation/open-annotation.tsx
+++ b/src/annotation-context/annotation/open-annotation.tsx
@@ -5,6 +5,7 @@ import React, { useRef } from 'react';
 import { Portal } from '@cloudscape-design/component-toolkit/internal';
 
 import { HotspotProps } from '../../hotspot/interfaces';
+import { usePortalContainer } from '../../internal/hooks/use-portal-container';
 import { AnnotationContextProps } from '../interfaces';
 import { AnnotationPopover } from './annotation-popover';
 import AnnotationTrigger from './annotation-trigger';
@@ -61,6 +62,7 @@ export function OpenAnnotation({
   i18nStrings,
 }: AnnotationProps) {
   const trackRef = useRef<HTMLButtonElement>(null);
+  const portalContainer = usePortalContainer(() => trackRef.current);
 
   return (
     <>
@@ -72,7 +74,7 @@ export function OpenAnnotation({
         totalLocalSteps={totalLocalSteps}
         taskLocalStepIndex={taskLocalStepIndex}
       />
-      <Portal>
+      <Portal container={portalContainer}>
         <AnnotationPopover
           trackRef={trackRef}
           previousButtonEnabled={previousButtonEnabled}
diff --git a/src/button-dropdown/__integ__/button-dropdown-disabled-reason.test.ts b/src/button-dropdown/__integ__/button-dropdown-disabled-reason.test.ts
index 97a2a52935..a34664e9ce 100644
--- a/src/button-dropdown/__integ__/button-dropdown-disabled-reason.test.ts
+++ b/src/button-dropdown/__integ__/button-dropdown-disabled-reason.test.ts
@@ -166,3 +166,49 @@ const overlaps = (one: ElementRect, two: ElementRect) => {
 
   return true;
 };
+
+const setupIframeTest = (testFn: (page: ButtonDropdownDisabledReasonPage) => Promise<void>) => {
+  return useBrowser(async browser => {
+    const page = new ButtonDropdownDisabledReasonPage(browser);
+    await browser.url('#/light/button-dropdown/disabled-reason-iframe');
+    await page.runInsideIframe('#button-dropdown-iframe', true, async () => {
+      await page.waitForVisible(page.findButtonDropdown().toSelector());
+      await page.openDropdown();
+      await testFn(page);
+    });
+  });
+};
+
+describe('Button Dropdown - Disabled Reason in iframe', () => {
+  it(
+    'shows tooltip on hover',
+    setupIframeTest(async page => {
+      await page.hoverElement(page.findButtonDropdown().findItemById('connect').toSelector());
+      await page.waitForVisible(page.findDisabledReason().toSelector());
+      expect(await page.getDisabledReason()).toEqual('Instance must be running.');
+    })
+  );
+
+  it(
+    'closes on escape',
+    setupIframeTest(async page => {
+      await page.hoverElement(page.findButtonDropdown().findItemById('connect').toSelector());
+      await page.waitForVisible(page.findDisabledReason().toSelector());
+      await page.keys('Escape');
+      await page.waitForAssertion(async () =>
+        expect(await page.isDisplayed(page.findDisabledReason().toSelector())).toBeFalsy()
+      );
+    })
+  );
+
+  it(
+    'shows tooltip on nested disabled elements',
+    setupIframeTest(async page => {
+      await page.click(page.findButtonDropdown().findExpandableCategoryById('settings').toSelector());
+      await page.waitForVisible(page.findDisabledReason().toSelector());
+      expect(await page.getDisabledReason()).toEqual(
+        'Instance must be running and not already be attached to an Auto Scaling Group.'
+      );
+    })
+  );
+});
diff --git a/src/button-dropdown/tooltip.tsx b/src/button-dropdown/tooltip.tsx
index 0526099b14..0121f2d073 100644
--- a/src/button-dropdown/tooltip.tsx
+++ b/src/button-dropdown/tooltip.tsx
@@ -4,6 +4,7 @@ import React, { KeyboardEventHandler, useEffect, useRef, useState } from 'react'
 
 import { Portal, useReducedMotion } from '@cloudscape-design/component-toolkit/internal';
 
+import { usePortalContainer } from '../internal/hooks/use-portal-container';
 import { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';
 import Arrow from '../popover/arrow';
 import PopoverBody from '../popover/body';
@@ -23,12 +24,13 @@ export default function Tooltip({ children, content, position = 'right', classNa
   const isReducedMotion = useReducedMotion(ref);
   const { open, triggerProps } = useTooltipOpen(isReducedMotion ? 0 : DEFAULT_OPEN_TIMEOUT_IN_MS);
   const portalClasses = usePortalModeClasses(ref);
+  const portalContainer = usePortalContainer(() => ref.current);
 
   return (
     <span ref={ref} {...triggerProps} className={className}>
       {children}
       {open && (
-        <Portal>
+        <Portal container={portalContainer}>
           <span className={portalClasses}>
             <PopoverContainer
               size="small"
diff --git a/src/button/__integ__/disabled-reason-iframe.test.ts b/src/button/__integ__/disabled-reason-iframe.test.ts
new file mode 100644
index 0000000000..5f84daa976
--- /dev/null
+++ b/src/button/__integ__/disabled-reason-iframe.test.ts
@@ -0,0 +1,53 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+import { BasePageObject } from '@cloudscape-design/browser-test-tools/page-objects';
+import useBrowser from '@cloudscape-design/browser-test-tools/use-browser';
+
+import createWrapper from '../../../lib/components/test-utils/selectors';
+
+import tooltipStyles from '../../../lib/components/tooltip/test-classes/styles.selectors.js';
+
+const wrapper = createWrapper();
+const buttonSelector = wrapper.findButton('[data-testid="normal-button-with-href"]').toSelector();
+const tooltipSelector = `.${tooltipStyles.root}`;
+
+const setupTest = (testFn: (page: BasePageObject) => Promise<void>) => {
+  return useBrowser(async browser => {
+    const page = new BasePageObject(browser);
+    await browser.url('#/light/button/disabled-reason-iframe');
+    await page.runInsideIframe('#button-iframe', true, async () => {
+      await page.waitForVisible(buttonSelector);
+      await testFn(page);
+    });
+  });
+};
+
+describe('Button disabled reason in iframe', () => {
+  test(
+    'shows tooltip on hover',
+    setupTest(async page => {
+      await page.hoverElement(buttonSelector);
+      await page.waitForVisible(tooltipSelector);
+      await expect(page.getText(tooltipSelector)).resolves.toBe('disabled reason');
+    })
+  );
+
+  test(
+    'shows tooltip on focus',
+    setupTest(async page => {
+      await page.click('body');
+      await page.keys(['Tab']);
+      await page.waitForVisible(tooltipSelector);
+    })
+  );
+
+  test(
+    'dismisses tooltip on Escape',
+    setupTest(async page => {
+      await page.hoverElement(buttonSelector);
+      await page.waitForVisible(tooltipSelector);
+      await page.keys(['Escape']);
+      await page.waitForAssertion(async () => expect(await page.isExisting(tooltipSelector)).toBe(false));
+    })
+  );
+});
diff --git a/src/dropdown/internal.tsx b/src/dropdown/internal.tsx
index 8c496ac4d5..864a91574d 100644
--- a/src/dropdown/internal.tsx
+++ b/src/dropdown/internal.tsx
@@ -18,6 +18,7 @@ import { InternalBaseComponentProps } from '../internal/hooks/use-base-component
 import { useMobile } from '../internal/hooks/use-mobile';
 import { usePortalModeClasses } from '../internal/hooks/use-portal-mode-classes';
 import { useVisualRefresh } from '../internal/hooks/use-visual-mode';
+import { getOwnerWindow } from '../internal/utils/dom';
 import { nodeBelongs } from '../internal/utils/node-belongs';
 import { DropdownContextProvider, DropdownContextProviderProps } from './context';
 import {
@@ -420,16 +421,17 @@ const InternalDropdown = ({
 
     if (open) {
       // window may scroll when dropdown opens, for example when soft keyboard shows up
-      window.addEventListener('scroll', onDropdownOpen);
+      const targetWindow = getOwnerWindow(triggerRef.current);
+      targetWindow.addEventListener('scroll', onDropdownOpen);
       // only listen to window scroll within very short time after the dropdown opens
       // do not want to interfere dropdown position on scroll afterwards
       const timeoutId = setTimeout(() => {
-        window.removeEventListener('scroll', onDropdownOpen);
+        targetWindow.removeEventListener('scroll', onDropdownOpen);
       }, 500);
 
       return () => {
         clearTimeout(timeoutId);
-        window.removeEventListener('scroll', onDropdownOpen);
+        targetWindow.removeEventListener('scroll', onDropdownOpen);
       };
     }
     // See AWSUI-13040
@@ -454,10 +456,11 @@ const InternalDropdown = ({
         fireNonCancelableEvent(onOutsideClick);
       }
     };
-    window.addEventListener('click', clickListener, true);
+    const targetWindow = getOwnerWindow(triggerRef.current);
+    targetWindow.addEventListener('click', clickListener, true);
 
     return () => {
-      window.removeEventListener('click', clickListener, true);
+      targetWindow.removeEventListener('click', clickListener, true);
     };
   }, [open, onOutsideClick, triggerRef, externalTriggerRef]);
 
@@ -474,12 +477,13 @@ const InternalDropdown = ({
         fireNonCancelableEvent(onEscape);
       }
     };
-    window.addEventListener('keydown', keydownListener, true);
+    const targetWindow = getOwnerWindow(triggerRef.current);
+    targetWindow.addEventListener('keydown', keydownListener, true);
 
     return () => {
-      window.removeEventListener('keydown', keydownListener, true);
+      targetWindow.removeEventListener('keydown', keydownListener, true);
     };
-  }, [open, onEscape]);
+  }, [open, onEscape, triggerRef]);
 
   // sync dropdown position on scroll and resize
   useLayoutEffect(() => {
@@ -500,8 +504,9 @@ const InternalDropdown = ({
     updateDropdownPosition();
 
     const controller = new AbortController();
-    window.addEventListener('scroll', updateDropdownPosition, { capture: true, signal: controller.signal });
-    window.addEventListener('resize', updateDropdownPosition, { capture: true, signal: controller.signal });
+    const targetWindow = getOwnerWindow(triggerRef.current);
+    targetWindow.addEventListener('scroll', updateDropdownPosition, { capture: true, signal: controller.signal });
+    targetWindow.addEventListener('resize', updateDropdownPosition, { capture: true, signal: controller.signal });
     return () => {
       controller.abort();
     };
diff --git a/src/internal/components/tooltip/index.tsx b/src/internal/components/tooltip/index.tsx
index 048d832cd1..83d838cb1f 100644
--- a/src/internal/components/tooltip/index.tsx
+++ b/src/internal/components/tooltip/index.tsx
@@ -8,6 +8,8 @@ import PopoverArrow from '../../../popover/arrow';
 import PopoverBody from '../../../popover/body';
 import PopoverContainer from '../../../popover/container';
 import { PopoverProps } from '../../../popover/interfaces';
+import { usePortalContainer } from '../../hooks/use-portal-container';
+import { getOwnerWindow } from '../../utils/dom';
 import { Transition } from '../transition';
 
 import testUtilsStyles from '../../../tooltip/test-classes/styles.css.js';
@@ -46,8 +48,9 @@ export default function Tooltip({
   }
 
   useEffect(() => {
+    const targetWindow = getOwnerWindow(trackRef.current);
     const controller = new AbortController();
-    window.addEventListener(
+    targetWindow.addEventListener(
       'keydown',
       (event: KeyboardEvent) => {
         if (event.key === 'Escape') {
@@ -67,10 +70,12 @@ export default function Tooltip({
     return () => {
       controller.abort();
     };
-  }, [onDismiss]);
+  }, [trackRef, onDismiss]);
+
+  const portalContainer = usePortalContainer(() => trackRef.current);
 
   return (
-    <Portal>
+    <Portal container={portalContainer}>
       <div className={`${styles.root} ${testUtilsStyles.root}`} {...contentAttributes} data-testid={trackKey}>
         <Transition in={true}>
           {() => (
diff --git a/src/internal/hooks/use-portal-container/index.ts b/src/internal/hooks/use-portal-container/index.ts
new file mode 100644
index 0000000000..7a1c6e9c68
--- /dev/null
+++ b/src/internal/hooks/use-portal-container/index.ts
@@ -0,0 +1,12 @@
+// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
+// SPDX-License-Identifier: Apache-2.0
+
+/**
+ * Resolves the portal container to the ownerDocument.body of the referenced element.
+ * Ensures portaled content renders in the correct document context (e.g. inside iframes).
+ */
+export function usePortalContainer(
+  getElement: () => HTMLElement | SVGElement | null | undefined
+): HTMLElement | undefined {
+  return getElement()?.ownerDocument?.body ?? (typeof document !== 'undefined' ? document.body : undefined);
+}
diff --git a/src/internal/utils/dom.ts b/src/internal/utils/dom.ts
index ebfcba4a44..93e547b6af 100644
--- a/src/internal/utils/dom.ts
+++ b/src/internal/utils/dom.ts
@@ -103,3 +103,7 @@ export function isSVGElement(target: unknown): target is SVGElement {
 export function isElement(target: unknown): target is Element {
   return isHTMLElement(target) || isSVGElement(target);
 }
+
+export function getOwnerWindow(element: HTMLElement | SVGElement | null | undefined): Window {
+  return element?.ownerDocument?.defaultView ?? window;
+}
diff --git a/src/table/__integ__/inline-editing.test.ts b/src/table/__integ__/inline-editing.test.ts
index 55528d5e69..0bafd1aed4 100644
--- a/src/table/__integ__/inline-editing.test.ts
+++ b/src/table/__integ__/inline-editing.test.ts
@@ -231,3 +231,21 @@ describe.each([false, true])('enableKeyboardNavigation=%s', enableKeyboardNaviga
     })
   );
 });
+
+test(
+  'disabled reason is displayed inside iframe',
+  useBrowser(async browser => {
+    const page = new BasePageObject(browser);
+    await page.setWindowSize({ width: 1200, height: 800 });
+    await browser.url('#/light/table/with-iframe');
+    await page.runInsideIframe('#inner-iframe', true, async () => {
+      await page.waitForVisible(tableWrapper.toSelector());
+      // Click on the disabled-edit "Type (disabled edit)" column in the first row
+      // Column index 7: 1=checkbox, 2=id, 3=type, 4=dnsName, 5=imageId, 6=state, 7=type-edit
+      await page.click(tableWrapper.findBodyCell(1, 7).toSelector());
+      await page.waitForAssertion(() =>
+        expect(page.getText(liveRegion$)).resolves.toContain('Editing is disabled in iframe test')
+      );
+    });
+  })
+);
diff --git a/src/table/body-cell/click-away.tsx b/src/table/body-cell/click-away.tsx
index 7f44dd7a45..16c7d307d1 100644
--- a/src/table/body-cell/click-away.tsx
+++ b/src/table/body-cell/click-away.tsx
@@ -18,8 +18,9 @@ export function useClickAway(onClick: () => void) {
     // contains returns wrong result if the next render would remove the element
     // but capture phase happens before the render, so returns correct result
     // Ref: https://github.com/facebook/react/issues/20325
-    document.addEventListener('click', handleClick, { capture: true });
-    return () => document.removeEventListener('click', handleClick, { capture: true });
+    const ownerDocument = awayRef.current?.ownerDocument ?? document;
+    ownerDocument.addEventListener('click', handleClick, { capture: true });
+    return () => ownerDocument.removeEventListener('click', handleClick, { capture: true });
   }, [onClickStable]);
   return awayRef;
 }
diff --git a/src/table/body-cell/disabled-inline-editor.tsx b/src/table/body-cell/disabled-inline-editor.tsx
index f852528424..81d71c7f6c 100644
--- a/src/table/body-cell/disabled-inline-editor.tsx
+++ b/src/table/body-cell/disabled-inline-editor.tsx
@@ -8,6 +8,7 @@ import { useSingleTabStopNavigation } from '@cloudscape-design/component-toolkit
 
 import Icon from '../../icon/internal';
 import useHiddenDescription from '../../internal/hooks/use-hidden-description';
+import { usePortalContainer } from '../../internal/hooks/use-portal-container';
 import { usePortalModeClasses } from '../../internal/hooks/use-portal-mode-classes';
 import InternalLiveRegion from '../../live-region/internal';
 import Arrow from '../../popover/arrow';
@@ -57,6 +58,7 @@ export function DisabledInlineEditor<ItemType>({
 
   const { targetProps, descriptionEl } = useHiddenDescription(editDisabledReason);
   const portalClasses = usePortalModeClasses(portalRef);
+  const portalContainer = usePortalContainer(() => iconRef.current);
 
   const { tabIndex } = useSingleTabStopNavigation(buttonRef);
 
@@ -100,7 +102,7 @@ export function DisabledInlineEditor<ItemType>({
 
       {isEditing && (
         <span ref={portalRef}>
-          <Portal>
+          <Portal container={portalContainer}>
             <span className={portalClasses}>
               <PopoverContainer
                 size="medium"
diff --git a/src/tooltip/internal.tsx b/src/tooltip/internal.tsx
index e85791b450..8096b79d0a 100644
--- a/src/tooltip/internal.tsx
+++ b/src/tooltip/internal.tsx
@@ -9,6 +9,7 @@ import { getBaseProps } from '../internal/base-component';
 import { Transition } from '../internal/components/transition';
 import { fireNonCancelableEvent } from '../internal/events';
 import { InternalBaseComponentProps } from '../internal/hooks/use-base-component';
+import { usePortalContainer } from '../internal/hooks/use-portal-container';
 import PopoverArrow from '../popover/arrow';
 import PopoverBody from '../popover/body';
 import PopoverContainer from '../popover/container';
@@ -42,6 +43,8 @@ export default function InternalTooltip({
     trackRef.current = element;
   }, [getTrack]);
 
+  const portalContainer = usePortalContainer(getTrack);
+
   useEffect(() => {
     const controller = new AbortController();
     window.addEventListener(
@@ -67,7 +70,7 @@ export default function InternalTooltip({
   }, [onEscape]);
 
   return (
-    <Portal>
+    <Portal container={portalContainer}>
       <div
         {...baseProps}
         className={clsx(testUtilStyles.root, baseProps.className)}