bug: <select> overflows on chrome 149, does not respond to css rules

[timotejroiko]

Reproduction URL (Required)

https://play.tailwindcss.com/up35t4NFCN

What version of daisyUI are you using?

5.5.23

Which browsers are you seeing the problem on?

Chrome

Describe your issue

Chrome 149 changed a lot of things regarding how select menus behave, especially with regards to appearence:base-select

Apparently the correct way of using it is like this now:

<select class="select">
  <button>
    <selectedcontent style="white-space: nowrap; overflow: hidden"></selectedcontent>
  </button>
  <option>long text here<option>
  <option>long text h234234ere<option>
  <option>long text her23r2342342 234 234ere fwer werwer 23234 erwerwe rwer  234 234 234 23 42e<option>
</select>

what currently happens on the default select menu as shown on the daisyUI website:

This issue does not affect firefox

[github-actions]

Thank you @timotejroiko 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.