Open
Description
Component
Select
Package version
Latest
React version
Latest
Environment
I am using Edge on Windows and loading the below HTML:
<!DOCTYPE html>
<html>
<head>
<title>transform issue</title>
</head>
<body>
<div style="transform:scale(0.75);height:375px;width:750px">
<!-- <div style="zoom:0.5;height:375px;width:750px"> -->
<iframe src="https://react.fluentui.dev/?path=/docs/components-select--docs" style="height:100%;width:100%" />
</div>
</body>
</html>Current Behavior
Currently when clicking the select, its UI appears in the wrong position (down and to the right)
Expected Behavior
I'd expect that the select UI renders directly below the select
Reproduction
Minimal repro provided above. This just involves a div and an iframe pointing to the fluentui docs.
Steps to reproduce
- Save the provided HTML into a .html file
- Open the HTML in Edge (Windows)
- Scroll in the iframe to the select, and invoke it
Are you reporting an Accessibility issue?
None
Suggested severity
Medium - Has workaround
Products/sites affected
Power Apps, Power BI
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.