Library

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

Describe the feature that you would like added

It's currently difficult to position one positioned element on top of another. This is because the positioning happens outside of the react life cycle. It's not possible to call updatePosition inside of an effect since the positioning happens async and react effects are sync.

This issue proposes a feature to notify users when a position update has been completed. Since there is no easy way to know when position updates have 'finished' - any update should be notified.

The repro shows this: https://codesandbox.io/p/sandbox/pensive-jerry-q7gmsd?file=%2Fsrc%2Fexample.tsx%3A85%2C1

Have you discussed this feature with our team

No response

Additional context

No response

Validations

• Check that there isn't already an issue that request the same feature to avoid creating a duplicate.

Priority

High