Closed Bug 1391440 Opened 3 years ago Closed 22 days ago

Don't allow line-wrap between the external-link icon and the link text


( Graveyard :: Design, enhancement, P5)



(Not tracked)



(Reporter: sheppy, Unassigned, Mentored, NeedInfo)


(Keywords: in-triage)


(3 files)

Currently, line wrapping when rendering the site allows the line to wrap between the external-link icon and the link's text. This shouldn't happen.

See the attached screenshot for an example taken from (it's up to you to adjust your width until it wraps).

Severity: normal → minor
Keywords: in-triage
This looks like the "external" class should be using white-space: pre-wrap instead of white-space: pre-line as it currently does. In my experimentation, that seems to clear it up. Does that seem right?
Flags: needinfo?(schalk.neethling.bugs)
Thanks for reporting Sheppy, I will look into it. Your evaluation does seem like what we want.
Flags: needinfo?(schalk.neethling.bugs)
Mentor: schalk.neethling.bugs
Priority: -- → P5
Attached image nowrap.png
Tested `pre-wrap` which does not seem to work. What does work is setting the anchor to `nowrap`. This could potentially cause some odd display behaviour as long anchors will break to a new line in its entirety. See attached screenshot.

This particular one is not that bad, but you can get the general idea.

That's interesting, because I tried using pre-wrap and it worked for me at the time. Interesting.

Seems that meanwhile there is no external-link icon in the style. Please see new attachment.

Flags: needinfo?(eshepherd)
MDN Web Docs' bug reporting has now moved to GitHub. From now on, please file content bugs at and platform bugs at
Closed: 22 days ago
Resolution: --- → WONTFIX
Product: → Graveyard
You need to log in before you can comment on or make changes to this bug.