[Bug]: tooltip appears outside of overflow

[marclundgren]

Library

React Components / v9 (@fluentui/react-components)

System Info

This repros in codepen. unable to run `npx evninfo` there.

[codesandbox demo](https://codesandbox.io/p/sandbox/old-resonance-ksvsxj?file=%2Fexample.tsx%3A10%2C32)

Are you reporting an Accessibility issue?

no

Reproduction

https://codesandbox.io/p/sandbox/old-resonance-ksvsxj?file=%2Fexample.tsx%3A10%2C32

Bug Description

Actual Behavior

1. hover over a tooltip trigger element
2. scroll down the page until the tooltip should overflow into the fold of the scroll
3. the tooltip appears outside the overflow

Expected Behavior

1. hover over a tooltip trigger element
2. scroll down the page until the tooltip should overflow into the fold of the scroll
3. the tooltip stays with the trigger anchor and appears to be hidden when scrolled out of view

Logs

No response

Requested priority

Normal

Products/sites affected

https://copilotstudio.microsoft.com

Are you willing to submit a PR to fix?

yes

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.

[layershifter]

Please check https://react.fluentui.dev/?path=/docs/concepts-developer-positioning-components--docs#overflow-boundary.

[dmytrokirpa]

Thank you, @marclundgren, for bringing this issue to our attention. I've verified that it indeed is a bug. We have two potential solutions:

• We could wait for the implementation of Feature: Positioning library should expose callbacks for data-popper-escaped and data-popper-reference-hidden  #32890, which will introduce new callbacks. These can be used to automatically hide the Tooltip when it exceeds the boundaries of its parent container.
• Alternatively, we can apply a temporary fix using the existing data-popper-escaped attribute. This method involves hiding the tooltip via CSS, as shown in this example: https://codesandbox.io/p/sandbox/sharp-ishizaka-yr89nj

Additionally, it's worth noting that there are two related open issues - #32886 and #26786.