Open
Description
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
- 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.
- 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.