Dropdown boxes aren't opening on latest Chrome/Edge browsers

When clicking on a dropdown box in the UI the expected behaviour is that it gives a list to choose from, but nothing happens. There is a blocked aria-hidden warning in the devtools of both chrome and edge.

t3.chat/:1 Blocked aria-hidden on an element because its descendant retained focus. The focus must not be hidden from assistive technology users. Avoid using aria-hidden on a focused element or its ancestor. Consider using the inert attribute instead, which will also prevent focus. For more details, see the aria-hidden section of the WAI-ARIA specification at https://w3c.github.io/aria/#aria-hidden. Element with focus: <button.inline-flex items-center justify-center whitespace-nowrap font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 hover:bg-muted/40 hover:text-foreground disabled:hover:bg-transparent disabled:hover:text-foreground/50 h-8 rounded-md text-xs relative gap-2 px-2 py-1.5 -mb-2 text-muted-foreground#radix-:r8:> Ancestor with aria-hidden: <div.pointer-events-none absolute bottom-0 z-10 w-full px-2> <div class=​"pointer-events-none absolute bottom-0 z-10 w-full px-2" data-aria-hidden=​"true" aria-hidden=​"true">​…​</div>​

Chrome version: 138.0.7204.101 (Latest)

Edge version: 138.0.3351.83 (Latest)

Chromium: 139.0.7258.5 Developer build on Gentoo Linux seems to work fine.