select dropdown not moved with its button(controller) when use translate (only on Chromium-based browsers)

[kikamorasuzuki]

Hi, I'm having an issue with the select component. I'm using the latest version of DaisyUI on Chromium-based browsers!

When use translate, dropdown of select not moved with its button(controller)
You can see it in https://play.tailwindcss.com/nUHaOTRe7i

You can see the problem in the screencast below. I've tested this on both Linux and Windows, and the issue is consistent across Chromium-based browsers.

Screencast.from.10-21-2025.12_57_07.PM.webm

@saadeghi

[saadeghi]

Can you share a reproduction link on Tailwind Play?

[kikamorasuzuki]

Can you share a reproduction link on Tailwind Play?

I'm so sorry the problem is related to translate (I will fix the title)
this is tailwindplay link! as you can see there is no problem in Firefox but in chrome problem exists:
https://play.tailwindcss.com/nUHaOTRe7i

[pdanpdan]

This is work in progress on chrome with anchor positioning. They do not follow transformed parents yet. I think it is
https://issues.chromium.org/issues/40278993

You can switch back to standard select with appearance-none

[kikamorasuzuki]

This is work in progress on chrome with anchor positioning. They do not follow transformed parents yet. I think it is https://issues.chromium.org/issues/40278993

You can switch back to standard select with appearance-none

Thanks
I use appearance-none, it is ugly but it works!❤️❤️❤️