Bug in zooming in mac

[babur001]

What package within Headless UI are you using?

For example: @headlessui/react

What version of that package are you using?

For example: v0.3.1

What browser are you using?

For example: Chrome, Safari, or N/A

Reproduction URL

A public GitHub repo that includes a minimal reproduction of the bug. Please do not link to your actual project, what we need instead is a minimal reproduction in a fresh project without any unnecessary code. This means it doesn't matter if your real project is private/confidential, since we want a link to a separate, isolated reproduction anyways. Unfortunately we can't provide support without a reproduction, and your issue will be closed with no comment if this is not provided.

You can use one of the starting projects on CodeSandbox:

• With React and Tailwind CSS: https://codesandbox.io/s/github/tailwindlabs/reproduction-headlessui-react
• With Vue and Tailwind CSS: https://codesandbox.io/s/github/tailwindlabs/reproduction-headlessui-vue

Describe your issue

Describe the problem you're seeing, any important steps to reproduce and what behavior you expect instead.

[babur001]

https://github.com/user-attachments/assets/b4c67d31-6325-49dc-a067-7eab969998c1

all latest deps

[RobinMalfait]

Hey!

Can you describe the actual issue you are running into? This looks like some styles are incorrect but Headless UI is headless and doesn't ship with any styles, so that part is up to you.

Also please attach a minimal reproduction so we can take a look.

[RobinMalfait]

Going to close this since we haven't heard back. If you are still running into this issue feel free to ping me and/or open a new issue with a minimal reproduction repo attached so we can take a look.