Long words/links in width restricted new Vector overflow the width
Closed, ResolvedPublic
Actions

Assigned To

Authored By

	TheDJ
	Apr 12 2021, 8:59 AM

Description

If you have very long words (or more likely links) inside the new Vector styling, these can now overflow the intended width. This looks weird and should likely be countered with overflow-wrap: break-word on mw-content-container

Without break word

Screenshot 2021-04-12 at 10.54.35.png (1×3 px, 578 KB)

With break word

Screenshot 2021-04-12 at 10.59.45.png (988×2 px, 363 KB)

Example
https://books.google.com/books?id=sDeE9r_6HdsC&pg=PT234&lpg=PT234&dq=Jiyu+hiwar&source=bl&ots=uqCPAz1gx6&sig=2ZDD2RkxILyXnIqm0o42i5PfndU&hl=en&sa=X&ved=0CBwQ6AEwAGoVChMI3qqt6NvhyAIVxWQsCh07igs-#v=onepage&q=Jiyu%20hiwar&f=false

Related Objects

Mentioned Here: T278575: Separate styling of links in ResourceLoaderSkinModule feature legacy feature
rMWb24bff67ed1c: Move legacy link styles to other skin features

Event Timeline

TheDJ created this task.Apr 12 2021, 8:59 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptApr 12 2021, 8:59 AM

TheDJ updated the task description. (Show Details)Apr 12 2021, 9:00 AM

TheDJ updated the task description. (Show Details)

This appeares to be fixed https://en.wikipedia.beta.wmflabs.org/wiki/Test_long_links
Fixed in T278575 (b24bff67ed1) for all skins.

Not sure why this didn't work before...

	F34358296: Screenshot 2021-04-12 at 10.59.45.png
	Apr 12 2021, 9:00 AM

	F34358254: Screenshot 2021-04-12 at 10.54.35.png
	Apr 12 2021, 8:59 AM

Long words/links in width restricted new Vector overflow the widthClosed, ResolvedPublicActions

Description

Related Objects

Event Timeline

Long words/links in width restricted new Vector overflow the width
Closed, ResolvedPublic
Actions