Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[Select] Position issue with a CSS rule zoom: 0.65 #44950

Closed
balajits73 opened this issue Jan 6, 2025 · 2 comments
Closed

[Select] Position issue with a CSS rule zoom: 0.65 #44950

balajits73 opened this issue Jan 6, 2025 · 2 comments
Assignees
@siriwatknp
Labels
component: select This is the name of the generic UI component, not the React module! component: tooltip This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Milestone
Material UI v8 (d...

Comments

@balajits73
Copy link

balajits73 commented Jan 6, 2025 •
edited
Loading

Steps to reproduce

Steps:

  1. Open this link to live example: [https://mui.com/material-ui/react-select/]
  2. open dev tools(elements)
    3.add {zoom:0.65} to body (then you can see dropdown position misalignment)
Screenshot 2025-01-06 at 2 40 24 PM

Current behavior

currently the dropdown is misplaced from the select when add zoom:0.65
Screenshot 2025-01-06 at 2 40 24 PM

Expected behavior

But it should like below if we add zoom:0.65
Screenshot 2025-01-06 at 6 08 08 PM

Context

so the dropdown should be at correct place to the select irrespective if we add zoom or not

Your environment

Tech: Material UI
Version: "^5.11.15"

Tech: React
Version: "^18.2.0"

Browser: Google Chrome

Search keywords: Dropdown
@balajits73 balajits73 added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jan 6, 2025
@zannager zannager added the component: tooltip This is the name of the generic UI component, not the React module! label Jan 6, 2025
@DiegoAndai
Copy link
Member

I can confirm this behavior. It's important to note it only happens with CSS's zoom, not Chrome's Zoom function.

@DiegoAndai DiegoAndai added bug 🐛 Something doesn't work and removed status: waiting for maintainer These issues haven't been looked at yet by a maintainer labels Jan 9, 2025
@DiegoAndai DiegoAndai added this to the Material UI v8 (draft) milestone Jan 9, 2025
@DiegoAndai DiegoAndai changed the title Dropdown & Tooltip position issue in windows 150% (added a zoom:0.65) [Select] Position issue with a CSS rule zoom: 0.65 Jan 9, 2025
@DiegoAndai
Copy link
Member

Oh, this is a duplicate of #33955. Closing as such.

@DiegoAndai DiegoAndai closed this as not planned Won't fix, can't repro, duplicate, stale Jan 9, 2025
@DiegoAndai DiegoAndai added duplicate This issue or pull request already exists component: select This is the name of the generic UI component, not the React module! and removed bug 🐛 Something doesn't work labels Jan 9, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@siriwatknp siriwatknp

Labels
component: select This is the name of the generic UI component, not the React module! component: tooltip This is the name of the generic UI component, not the React module! duplicate This issue or pull request already exists
Projects
None yet
Milestone
Material UI v8 (draft)
Development

No branches or pull requests
4 participants
@DiegoAndai @siriwatknp @zannager @balajits73