Skip to content

[Bug]: Dropdown Menu Doesn't Reliably Open In Safari Browser #32931

Open
@joannakuo

Description

@joannakuo

Component

Dropdown

Package version

Fluent v8

React version

17.0.1

Environment

System:
    OS: macOS 14.4
    CPU: (8) arm64 Apple M1
    Memory: 143.70 MB / 8.00 GB
    Shell: 5.9 - /bin/zsh
  Browsers:
    Edge: 129.0.2792.65
    Safari: 17.4

Current Behavior

Dropdown is not reliably opening dropdown menu in Safari. It takes multiple clicks for it to open. It doesn't repro in other browsers.

Expected Behavior

Dropdown menu should reliably open after one user click in Safari.

Reproduction

https://codepen.io/jkuo/pen/MWNwmoZ

Steps to reproduce

  1. Open https://codepen.io/jkuo/pen/MWNwmoZ or open export to codepen link in Fluent UI 8 Basic Dropdown implementation (https://developer.microsoft.com/en-us/fluentui#/controls/web/dropdown#fluent-ui-v9) in a Safari browser.
  2. Observe it takes 3 clicks for the dropdown to open instead of opening after 1 click.
DropdownBug.mp4

Are you reporting an Accessibility issue?

None

Suggested severity

Urgent - No workaround and Products/sites are affected

Products/sites affected

No response

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.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions