[Bug]: Tags in MultiSelect don't truncate

[mattiasw]

Prerequisites

• I have searched existing issues to ensure this bug hasn't been reported already
• I have tested this with the latest version of the components

Bug description

Selected item tags in MultiSelect don't truncate and overflow the container.

Steps to reproduce

1. Create a MultiSelect with a very long item label (https://www.untitledui.com/react/components/select#tags)
2. Select the item

Expected behavior

The selected tag in the field would truncate its text and not overflow its container.

Actual behavior

The tag overflowed its container.

Code example

Browser

Firefox, Chrome

Device type

Desktop

Component version

0.1.54

Environment details

• OS: Ubuntu 25.10
• Node.js version: 24.12.0
• React version: 19.2.3
• Next.js version: 16.1.6
• Tailwind CSS version: 4.1.16

Screenshots/Videos

Console errors

Additional context

No response

Accessibility impact

• This bug affects keyboard navigation
• This bug affects screen reader users
• This bug affects focus management
• This bug affects color contrast or visual accessibility