System messages can produces long strings e.g. partial URLs. When that occurs, the strings are nicely wrapped BUT the container is also stretched to match the length of the string i.e. a scroll-x is introduced.

Quick fix. Adding the following preserves the container BUT sometimes makes for long scrolls.

#content .messages.error
	overflow-x: auto

The world is not perfect... yet ;-)

p.s. In an age of mobile devices, Drupal core should be able to handle this kind of issue. I realize that this is easier said than done...

Comments

bisonbleu created an issue. See original summary.

bisonbleu’s picture

bisonbleu commented
Title: System messages with long strings unduly strectch the container on mobiles » System messages with long strings unduly stretch the container on mobiles

Fixing typo in title.

mark.labrecque’s picture

mark.labrecque
he/him
Primary language English
Location Vancouver
commented
Assigned: Unassigned » mark.labrecque
mark.labrecque’s picture

mark.labrecque
he/him
Primary language English
Location Vancouver
commented

I can't duplicate this issue anymore. The steps I tried to reproduce this issue was to login and clear the cache from the UI menu to make the status message come up. The Basic theme was set to both Default theme and the admin theme in this test case.

Is anyone able to reproduce this anymore? If so, please provide steps to reproduce and I will take a stab at this.

mark.labrecque’s picture

mark.labrecque
he/him
Primary language English
Location Vancouver
commented

I am just noticing now that this issue is in fact for the 7.x branch. After a bit further digging, it does look like this is also happening on the 8.x branch, so I will create a patch for that and then backport it here.

mark.labrecque’s picture

mark.labrecque
he/him
Primary language English
Location Vancouver
commented
Version: 7.x-4.2 » 8.x-1.x-dev
mark.labrecque’s picture

mark.labrecque
he/him
Primary language English
Location Vancouver
commented
Version: 8.x-1.x-dev » 7.x-4.x-dev
mark.labrecque’s picture

mark.labrecque
he/him
Primary language English
Location Vancouver
commented
Assigned: mark.labrecque » Unassigned
leahtard’s picture

leahtard commented

Because this region can often have long URLS or Drupal messages, I have added word-wrap: break-word; to resolve this issue in those cases. This will be applied to both D7 and D8 branches.

leahtard’s picture

leahtard commented
Status: Active » Closed (fixed)