Label Overflow in Project Selection Dropdown

[tomhaerter]

Description

There's a UI overflow issue occurring in the project selection dropdown menu. When multiple projects are selected, the labels extend beyond the edge of the dropdown container, resulting in text being cut off and not fully visible to the user. This affects readability and user experience, as it is not possible to read the full names of the selected projects.

Steps to Reproduce

1. Create at least one project with a long name.
2. Go to entries overview and create a new entry.
3. Select multiple projects from the dropdown that have sufficiently long names to exceed the width of the dropdown menu.
4. Observe that the project names are not fully contained within the dropdown and are overflowing.

Expected Behavior

The project labels should be contained within the boundaries of the dropdown menu, with options for users to view the full text. This could be implemented via text wrapping, a horizontal scrollbar, or text truncation with an ellipsis (...) indicating more text.

Actual Behavior

The project labels are overflowing the dropdown container, making it impossible to read the full names of the projects.

Suggested Fixes

• Implement text wrapping for long project names within the dropdown.
• Truncate the text with an ellipsis and provide a tooltip that displays the full project name on hover.

Screenshots