select list won't close

[mhavi]

Sorry if this is a duplicate - I went through the issues but couldn't find a related one.

An input select list in a sub-button will only close if selecting an option or clicking (tapping) outside of the list (mobile & desktop). The same issue is occurring when using a standard button when on mobile (iOS), or on desktop - when in response design mode.

In a web browser, tapping on the (down) arrow will close the list in a standard button, but not for a list that is in a sub-button. If I change the responsive design mode to mobile (ex: Galaxy S25, iOS 14/15/16), then the list will not close in a standard button (as well). To close the list: a click/tap needs occur outside of the list or by selecting an item.

Observations:

• In (mobile) responsive design mode, the issue is n/a if I disable tap simulation for standard button, but is still occurs for sub-button select list
• Closing the list has a different UX than an HA entity list. In an HA list, any click can close the list, not just the icon (with the arrow) . Maybe that's by design, but just wanted to note that.

To Reproduce
Steps to reproduce the behavior:

1. See screen capture

Expected behavior
Same behavior as HA entity select list, or at least using the (down) arrow to close the list.

HA logs
n/a - no errors listed.

Browser console logs
n/a - console no errors listed.

Screenshots
If applicable, add screenshots to help explain your problem.

YAML

Screencast.From.2026-03-13.14-17-17.mp4

I just used the UI to create the lists.

Information (please complete the following information):

• OS: iOS 26.3.1, Bluefin 43.20260224.1
• Firefox 148.0.2
• Bubble Card version: 3.1.4
• Home Assistant version: 2026.3.1

Additional context
Add any other context about the problem here.

Thank you! 🍻