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

Categories

(developer.mozilla.org Graveyard :: Design, enhancement, P5)

enhancement

Tracking

(Not tracked)

RESOLVED WONTFIX

People

(Reporter: sheppy, Unassigned, Mentored, NeedInfo)

Details

(Keywords: in-triage)

Attachments

(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 https://developer.mozilla.org/en-US/docs/Web/HTTP/Protocol_upgrade_mechanism (it's up to you to adjust your width until it wraps).

Screenshot:

https://screenshots.firefox.com/jew3SKOddjyBUutL/developer.mozilla.org
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 https://github.com/mdn/sprints/issues/ and platform bugs at https://github.com/mdn/kuma/issues/.
Status: NEW → RESOLVED
Closed: 22 days ago
Resolution: --- → WONTFIX
Product: developer.mozilla.org → developer.mozilla.org Graveyard
You need to log in before you can comment on or make changes to this bug.