Problem/Motivation
When an International Phone field is added to a content, and the full list of country codes are displayed in the "Form display" configuration form, that list is displayed on the same line (no wrapping).
That list should be wrapped when reaching the table right side. The consequence is that a horizontal scrollbar appears, and the configuration Edit button is pushed waaaay to the right.
A simple fix is to add this CSS:
.field-plugin-summary {
overflow-wrap: break-word;
}
Steps to reproduce
- Install and activate the International Phone module;
- Add an "International phone" field to a content;
- Go to the "Form display" tab and select some country and exclude others;
You should see a (very) long list of excluded countries displayed in the same line, making a horizontal scrollbar appear.
Proposed resolution
Make the list wrap by adding the CSS: overflow-wrap: break-word;.
Remaining tasks
No remaining tasks. Only CSS fix is needed.
User interface changes
No UI changes.
API changes
NO API changes.
Data model changes
No Data model changes.
Release notes snippet
Fix the overflow wrapping of long text in the Field