Popover and tooltips are not working in new Modal component

Polaris
1

Popovers and Tooltips seems to be work only inside page, but not in Modals.

Demo video: CleanShot 2025-10-13 at 16.42.14 · CleanShot Cloud

Source code to reproduce the issue:

<s-page heading="Home">
  <s-section>
    <s-button commandFor="product-options-popover">Popover test</s-button>

    <s-popover id="product-options-popover">
      <s-stack direction="block">
        <s-button variant="tertiary">Import</s-button>
        <s-button variant="tertiary">Export</s-button>
      </s-stack>
    </s-popover>

    <s-tooltip id="bold-tooltip">Bold</s-tooltip>
    <s-button interestFor="bold-tooltip" accessibilityLabel="Bold">Tooltip test</s-button>

    <s-button commandFor="modal">
      New modal
    </s-button>

    <s-modal id="modal" heading="Details">
      <s-paragraph>
        Displaying more details here.

        <s-button commandFor="product-options-popover-2">Popover test</s-button>

        <s-popover id="product-options-popover-2">
          <s-stack direction="block">
            <s-button variant="tertiary">Import</s-button>
            <s-button variant="tertiary">Export</s-button>
          </s-stack>
        </s-popover>

        <s-tooltip id="bold-tooltip-2">Bold</s-tooltip>
        <s-button interestFor="bold-tooltip-2" accessibilityLabel="Bold">Tooltip test</s-button>
      </s-paragraph>

      <s-button
        slot="secondary-actions"
        commandFor="modal"
        command="--hide">
        Close
      </s-button>
      <s-button
        slot="primary-action"
        variant="primary"
        commandFor="modal"
        command="--hide">
        Save
      </s-button>
    </s-modal>
  </s-section>
</s-page>
2

Thanks! We’re looking into this.