Page MenuHomePhabricator

Prevent text to wrap around floating elements such as images
Closed, ResolvedPublic

Description

Translating the "Rover and lander specifications" section form the Curiosity (rover) article from English to Thai, an image is shown floating to the right side, making the article text to wrap around it. This makes the sentence to be hard to read and to select.

On a mobile context and for Section Translation in particular, images and other floating elements should be treated as block elements preventing text to wrap around them. This is the current behaviour when reading the article on the mobile view but not on Section Translaiton.

In Section TranslationIn the mobile view
th.m.wikipedia.org_w_index.php_title=Special_ContentTranslation&title=Special%3AContentTranslation&page=Curiosity%20(rover)&from=en&to=th&sx=true(iPhone SE).png (1×750 px, 476 KB)
en.m.wikipedia.org_wiki_Curiosity_(rover)(iPhone SE) (1).png (1×750 px, 434 KB)

Event Timeline

Pginer-WMF triaged this task as Medium priority.Apr 21 2022, 9:03 AM
Pginer-WMF created this task.
Pginer-WMF moved this task from Backlog to Mobile editor on the SectionTranslation board.

Change 790287 had a related patch set uploaded (by Santhosh; author: Santhosh):

[mediawiki/extensions/ContentTranslation@master] SX: Prevent text to wrap around floating elements such as images

https://gerrit.wikimedia.org/r/790287

Change 790287 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] SX: Prevent text to wrap around floating elements such as images

https://gerrit.wikimedia.org/r/790287

Change 791830 had a related patch set uploaded (by Santhosh; author: Santhosh):

[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20220516

https://gerrit.wikimedia.org/r/791830

Change 791830 merged by jenkins-bot:

[mediawiki/extensions/ContentTranslation@master] CX3 Build 0.2.0+20220516

https://gerrit.wikimedia.org/r/791830

Texts are not wrapped around artice images in Mobile Views

QA Status: PASS