Skip to content

[Bug]: Overflow menu does not get replaced with last invisible element #25090

Description

@ling1726

Library

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

System Info

System:
    OS: Linux 5.15 Ubuntu 20.04.3 LTS (Focal Fossa)
    CPU: (8) x64 Intel(R) Core(TM) i7-1065G7 CPU @ 1.30GHz
    Memory: 11.44 GB / 15.42 GB
    Container: Yes
    Shell: 5.0.17 - /bin/bash
  Browsers:
    Chrome: 104.0.5112.101

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/unruffled-einstein-i39odt?file=/example.tsx:1869-1876

Bug Description

Actual Behavior

When expanding the overflow container, sometimes the overflow menu can take up space that would show the last invisible element anyway

Expected Behavior

If the space occupied by the overflow menu can fit the last invisible element, it should do so

Screen.Recording.2022-09-29.at.10.39.04.mov

Logs

No response

Requested priority

High

Products/sites affected

No response

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.

Metadata

Metadata

Assignees

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions