References are truncated at screen edges
Closed, ResolvedPublic1 Estimated Story Points
Actions

Assigned To

Authored By

	• Niedzielski
	Nov 9 2016, 9:40 PM

Description

Steps to reproduce

Go to the Barack Obama article
Open the table of contents and tap the references section

Expected results

References appear with the same padding as the rest of the article

Actual results

References are clipped on either side of the screen

screenshot-2016-11-09-14-39-07-219014192.png (800×480 px, 112 KB)

Environments observed

App version: 7a04741abae79b23a9e590d969c1d559acf28132
Android OS versions: API 24
Device model: AOSP Nexus S emulator
Device language:English

Related Objects

Mentioned Here: rAPAW7a04741abae7: Fix PasswordTextInput's EditText RTL layout

Event Timeline

• Niedzielski created this task.Nov 9 2016, 9:40 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptNov 9 2016, 9:40 PM

Not specific to the app; this is also the case in mobile web. Probably some custom formatting for this specific article.

Lowering priority until this is shown to be a prevalent problem.

• Niedzielski moved this task from Needs Triage to Bug Backlog on the Wikipedia-Android-App-Backlog board.Nov 10 2016, 5:59 PM

Jdlrobson updated the task description. (Show Details)Nov 10 2016, 6:21 PM

• jhobs raised the priority of this task from Lowest to Medium.Nov 10 2016, 6:23 PM

• jhobs added a project: Web-Team-Backlog.

Inline style of text-indent: -3.2em; is causing the problem.

• jhobs moved this task from Incoming to Triaged but Future on the Web-Team-Backlog board.Nov 14 2016, 6:25 PM

Jdlrobson added a project: Local-Wiki-Template-And-Gadget-Issues.Apr 17 2017, 5:46 PM

See https://en.m.wikipedia.org/wiki/Template_talk:Refbegin#indent.3Dyes_on_mobile
Hopefully will get fixed when we have TemplateStyles.

Because this is also an accessibility problem, I have proposed to distill this problem into a site wide class on english wikipedia, instead of using more efficient inline-styles. The downside is that this will add more 'useless' code for everyone for as long as we don't have TemplateStyles.

https://en.wikipedia.org/w/index.php?title=Template:Refbegin&diff=780001198&oldid=772120876
https://en.wikipedia.org/w/index.php?title=MediaWiki:Common.css&diff=780000719&oldid=775291050
https://en.wikipedia.org/w/index.php?title=MediaWiki:Mobile.css&diff=780000793&oldid=776329318

When we have TemplateStyles , this can be moved into TemplateStyles. The dl style lines are temporary, until the content has been converted, for which there is an outstanding bot request

I'm not sure if/when/how Apps will pick up on this style change.

Set the status to open again. If @Jdlrobson or @bmansurov can make a note on App impact, then maybe we can soon close this ticket.

@Niedzielski can you check the app situation?

Jdlrobson moved this task from Triaged but Future to Needs Prioritization on the Web-Team-Backlog board.May 12 2017, 12:11 PM

@Jdlrobson, I believe I noticed this issue yesterday in the Android app but I cannot reproduce it today using Mobile View or the Content Service:

screenshot-2017-05-12-09-34-32-468993385.png (2×1 px, 511 KB)

For reference

Desktop:

Screen Shot 2017-05-12 at 20.36.24.png (970×1 px, 443 KB)

Mobile Web:

Screen Shot 2017-05-12 at 20.35.56.png (1×618 px, 390 KB)

Oh, the coloring of links here is personal styling of course (green == redirects, burgundy == stub)

I'd say, let's call this resolved.

MBinder_WMF moved this task from Needs Prioritization to 2016-17 Q4 on the Web-Team-Backlog board.Mar 6 2018, 7:06 PM

	F8053897: Screen Shot 2017-05-12 at 20.35.56.png
	May 12 2017, 6:37 PM

	F8053898: Screen Shot 2017-05-12 at 20.36.24.png
	May 12 2017, 6:37 PM

	F8052179: screenshot-2017-05-12-09-34-32-468993385.png
	May 12 2017, 3:41 PM

	F4710952: screenshot-2016-11-09-14-39-07-219014192.png
	Nov 9 2016, 9:40 PM

References are truncated at screen edgesClosed, ResolvedPublic1 Estimated Story PointsActions