Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
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
Comment #2
bisonbleu CreditAttribution: bisonbleu commentedFixing typo in title.
Comment #3
mark.labrecqueComment #4
mark.labrecqueI 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.
Comment #5
mark.labrecqueI 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.
Comment #6
mark.labrecqueComment #7
mark.labrecqueComment #8
mark.labrecqueComment #9
leahtard CreditAttribution: leahtard at The Jibe commentedBecause 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.Comment #10
leahtard CreditAttribution: leahtard at The Jibe commented