Form suffix element breaks into multiple lines in modal

Created on 10 January 2024, 5 months ago
Updated 17 March 2024, 3 months ago

Problem/Motivation

When entering a name for the new view model if you enter a specific number of characters the machine name will jump into the following row, based on the situation it can be confusing for the users because sometimes only the closing bracket can go into the second row.

Steps to reproduce

  1. Go to Structure > Display Modes > View Modes
  2. Click Add View mode and the modal will open
  3. Under content click on Add view mode for Content
  4. Start typing the name for the view mode
  5. Type this This is long bre
  6. See how only the closing bracket is in the new row
  7. If you continue with typing you will see how the actual machine name will go into the next row but the label Machine name: will stay up.

Proposed resolution

Adding a white-space: nowrap; on the form-item__suffix will make sure that the whole suffix is going to the next row when the length is too big.

Attached are the two screenshots with the issue.

As a user I don't want to be confused with parts of the machine name going into the second row.

Remaining tasks

Screenshots
Review

User interface changes

Attached before and after photos where you can see how the closing bracket wraps in the new row.

Before

After

API changes

N/A

Data model changes

N/A

Release notes snippet

N/A

🐛 Bug report
Status

Fixed

Version

10.3

Component
Claro 

Last updated 40 minutes ago

Created by

🇷🇸Serbia alex.87

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.69.0 2024