[4.x]: Long entry titles included in .element.small do not wrap, cause visual and AX issues

[gbowne-quickbase]

What happened?

Description

We have a long entry title contained within a supertable block and it floats behind the last column of the entry. Users can't get to the [x] to remove the entry. This was fixed for another situation in #13382 but this one remains.

Steps to reproduce

1. Create a table or supertable with several columns and put an entry in the last one. We're using presseddigital/linkit for our links
2. Pick a really long title for your entry
3. See it go off the edge of the table

Expected behavior

The entry title would wrap within the space

Actual behavior

The entry title goes behind other content on the page

What we found

If we add text: wrap to the span contained in the label, it fixes itself. This seems to be in the _main.scss file but we added it in the inspector and it seemed to fix the problem. This is the parent element in the control panel css file:

cms/src/web/assets/cp/src/css/_main.scss

Line 3383 in 72122c0

.label {

Craft CMS version

4.5.3

PHP version

8.2.8

Operating system and version

MacOs 13.5.1 (developers) and Centos Linux 7 (staging/production)

Database type and version

MySQL 5.7

Image driver and version

No response

Installed plugins and versions

• Linkit 4.0.4.1
• Supertable 3.0.9

[i-just]

Hi, thanks for reporting! I raised a PR to adjust this.

[brandonkelly]

Fixed for the next release via #13722.

[brandonkelly]

Craft 4.5.6 is out now with that fix.