bug: Select (Dropdown) menu content not positioned correctly on chrome

saadeghi / daisyui

🌼 🌼 🌼 🌼 🌼 The most popular, free and open-source Tailwind CSS component library

https://daisyui.com

MIT License

34.27k stars 1.31k forks source link

bug: Select (Dropdown) menu content not positioned correctly on chrome #2765

Closed ConorCorp closed 10 months ago

ConorCorp commented 10 months ago

What version of daisyUI are you using?

v4.6.0

Which browsers are you seeing the problem on?

Chrome (M1 Macbook Pro) Chome Version: Version 120.0.6099.216 (Official Build) (arm64) This should be latest.

Reproduction URL

https://daisyui.com/components/select/

Describe your issue

Select/Dropdown content is not positioned correctly on chrome. Specifically with small screens, works fine on larger ones. Looks like it also works fine on FF and safari at any size.

I can see this issue in my build and in the current daisyUI docs as well.

Screenshot 2024-01-16 at 3 18 32 PM

github-actions[bot] commented 10 months ago

Thank you @ConorCorp for reporting issues. It helps daisyUI a lot 💚
I'll be working on issues one by one. I will help with this one as soon as a I find a solution.
In the meantime providing more details and reproduction links would be helpful.

ConorCorp commented 10 months ago

Ok, no clue why this is, but it looks like it happens when I connect to my larger external monitor. On my macbook (disconnected from monitor), this is not an issue.

I think this can be closed if you folks aren't able to reproduce.

saadeghi commented 10 months ago

This looks like a bug from the screen size emulator on chrome. It's not even possible to apply styles for the <select> dropdown using CSS (unfortunately)