Ellipsis truncation not working on some Description Lists on Firefox

[inopinatus]

What component (if applicable)

• URL for category: https://tailwindui.com/components/application-ui/data-display/description-lists
• Component name: Left-aligned in card, left-aligned, and two-column in card

Not affected: Left-aligned striped in card

Describe the bug

In very narrow viewports, the filenames in the attachment lists are not truncated with ellipsis on Firefox.

To Reproduce
Steps to reproduce the behavior:

1. Go to Description Lists
2. Drag each width slider to be very narrow
3. See error

Expected behavior

truncation with ellipsis in all attachment lists

Screenshots

Side-by-side between bad and good:

Browser/Device (if applicable)

• macOS Catalina 10.15.3
• Firefox 73.0.1 and Firefox Dev Edition 74.0b9

Additional context

Looks like dissimilar classes on the span.

[adamwathan]

Just pushed a fix, thanks for catching! The trick is to add flex-1 w-0 to the span elements that have the file names in them 👍