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
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
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?
Thanks for reporting Sheppy, I will look into it. Your evaluation does seem like what we want.
Priority: -- → P5
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.
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.