microsoft / microsoft/fluentui

Performance regression in Overflow during Teams web channel navigation

Open
#36,584 0 comments 0 reactions 1 assignee View on GitHub

@bsunderhus is already working on this.

Since Aug 18, 2026.

Area: Performance Fluent UI react-components (v9) Needs: Attention Needs: Repro Type: Bug :bug:
Dominant language
TypeScript
Stars
20.3k
Forks
2.9k
Avg merge
2d 9h
Merged PRs (30d)
46

Description

Environment

  • Client: Microsoft Teams web
  • Component: chat header using Fluent UI Overflow
  • Historically affected package: @fluentui/priority-overflow@9.4.0 and earlier
  • Package containing the attempted fix: @fluentui/priority-overflow@9.4.1
  • Corresponding @fluentui/react-overflow release: 9.9.1

Actual behavior

Switching channels in the Teams web client causes a performance regression in a chat header that uses Overflow. The symptom is consistent with overflow teardown or measurement work occurring during component unmount and navigation.

PR #36401 was expected to address the teardown-notification path, but the observed Teams web performance issue remains. The exact versions resolved by the deployed bundle and whether duplicate package copies are present still need to be confirmed.

Expected behavior

Unmounting or disconnecting an overflow manager should not dispatch subscriber updates or cause avoidable render/layout work during channel navigation.

Attempted upstream fix

PR #36401 moved the teardown-notification fix into @fluentui/priority-overflow, resets the overflow snapshot during disconnect(), and avoids broadcasting a final subscriber notification:

The patch has not resolved the reported Teams web regression, so further investigation is required rather than treating the package upgrade as a confirmed mitigation.

People involved

  • @bsunderhus (Bernardo Sunderhus) — authored the upstream patch in PR #36401
  • @jacobdevera (Jacob Devera) — investigating
  • Brandon Coll — investigating;

Validation

  1. Confirm the exact @fluentui/react-overflow and @fluentui/priority-overflow versions resolved in the deployed Teams web bundle.
  2. Check for duplicate bundled copies and stale dependency/build caches.
  3. Compare browser Performance and React profiler traces for channel switching before and after the PR #36401 package versions.
  4. Inspect repeated ResizeObserver callbacks, forced layout, header remounts, and overflow visibility oscillation.
  5. Attach traces and the deployed dependency tree to isolate whether the remaining cost is another overflow path or an application/shell interaction.

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.