Library

React / v8 (@fluentui/react)

System Info

"@fluentui/react": "^8.85.0"

Are you reporting Accessibility issue?

No response

Reproduction

Here's an easy repro:

• v7 https://codesandbox.io/s/funny-dew-eihn2
• v8 https://codesandbox.io/s/sleepy-alex-2e25bi

Bug Description

Actual behavior:
At initial zoom, coachmark looks like:
(browser is 'Restore down')

After zooming out, coachmark looks like:
(browser is maximized)

Please note, the issue is happening on page resizing

Expected behavior:
Callout elements remain anchored to their targets.

Logs

No response

Requested priority

High

Products/sites affected

Excel

Are you willing to submit a PR to fix?

no

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.