Page MenuHomePhabricator
Create Task
Maniphest T121952

Vertical lines produced by templates Clade and Phylogeny do not appear on smartphone in the Mobile FrontEnd
Closed, InvalidPublic
Actions

Assigned To
None
Authored By
Thnidu
Dec 19 2015, 12:47 AM
Tags
Referenced Files
F8851177: Screenshot_20170725-170953.jpg
Jul 25 2017, 9:27 PM
F8850288: Screenshot_20170725-144202.jpg
Jul 25 2017, 6:48 PM
F8850053: Screen Shot 2017-07-25 at 19.55.32.png
Jul 25 2017, 5:56 PM
F8850052: Screen Shot 2017-07-25 at 19.55.27.png
Jul 25 2017, 5:56 PM
Subscribers
Aklapper
Jdlrobson
StudiesWorld
TheDJ
Thnidu

Description

While reading Basal (phylogenetics) on my smartphone¹, I noticed that the vertical lines in the diagram in § Examples, a horizontal cladogram with root at the left, were missing, which made the chart hard to read. Some exploration showed that

  • the diagram was generated with Template:Clade and Template:Phylogeny
  • on the smartphone, the vertical lines were missing in the mobile view of the page, but appeared properly in the desktop view
  • on my laptop² the vertical lines appear correctly in both views
  • in Template:Clade/doc, in the fifth example (demonstrating the use of the thickness parameter), the vertical lines show up on my smartphone in the mobile view as well as in the desktop view, but without the extra thickness
  • zooming in makes no difference

¹ Samsung Verizon Android Galaxy S-3, model SCH-I535, OS v4.4.2
² MacBook Air, 13-inch, Mid 2011, Processor : 1.7 GHz Intel Core i5, Memory : 4 GB 1333 MHz DDR3, Graphics : Intel HD Graphics 3000 384 MB, Software : Mac OS X Lion 10.7.5 (11G63b)

Event Timeline

Thnidu created this task.Dec 19 2015, 12:47 AM
Thnidu raised the priority of this task from to Needs Triage.
Thnidu updated the task description. (Show Details)
Thnidu added a project: Mobile.
Thnidu subscribed.
Restricted Application added subscribers: StudiesWorld, Aklapper. · View Herald TranscriptDec 19 2015, 12:47 AM
Jdlrobson added a project: Local-Wiki-Template-And-Gadget-Issues.Jul 25 2017, 5:52 PM
Jdlrobson added a project: MinervaNeue.
Jdlrobson subscribed.

They work for me... is this fixed?

TheDJ subscribed.Jul 25 2017, 5:56 PM

This is what I'm seeing:

Screen Shot 2017-07-25 at 19.55.27.png (249×263 px, 23 KB)
Screen Shot 2017-07-25 at 19.55.32.png (383×304 px, 26 KB)

Jdlrobson moved this task from Needs triage to Triaged on the Mobile board.Jul 25 2017, 6:08 PM
Thnidu added a comment.Jul 25 2017, 6:28 PM
In T121952#3471398, @TheDJ wrote:

This is what I'm seeing:

Screen Shot 2017-07-25 at 19.55.27.png (249×263 px, 23 KB)
Screen Shot 2017-07-25 at 19.55.32.png (383×304 px, 26 KB)

Are those the desktop view (top) and the mobile view (bottom)?

TheDJ closed this task as Resolved.Jul 25 2017, 6:33 PM
TheDJ claimed this task.

@Thnidu indeed. I have now fixed this problem

Jdlrobson added a comment.Jul 25 2017, 6:36 PM

Thanks @TheDJ for screenshots and fix!

Thnidu added a comment.Jul 25 2017, 6:48 PM

This (attached) is what I see there now.

My current phone info:

Samsung S-6 Verizon SM-G920V
Android version 7.0, Nougat
Baseband v. G920VVRS4DQE1
kernel version 3.10.61

It doesn't look fixed to me.

--~~~~
[Heh. Too used to doing that on wiki.
--Thnidu]

Screenshot_20170725-144202.jpg (1×1 px, 117 KB)

TheDJ added a comment.Jul 25 2017, 6:58 PM

@Thnidu is that with the samsung browser, or the Chrome browser ?

Thnidu added a comment.Jul 25 2017, 9:19 PM

Firefox 54.0.1 with 2.3 GB of memory. I don't have the others on my phone.
But only in the mobile view. Here's the desktop view on my phone.

Thnidu added a comment.Jul 25 2017, 9:27 PM

I forgot the attachment. Desktop view on my phone, in Firefox.

Screenshot_20170725-170953.jpg (1×1 px, 99 KB)

TheDJ reopened this task as Open.Jul 26 2017, 6:44 AM

Thx, i'll take a look again tonight.

• bmansurov added a project: Web-Team-Backlog-Archived.Jul 26 2017, 3:30 PM
Jdlrobson edited projects, added Web-Team-Backlog-Archived (Tracking); removed Web-Team-Backlog-Archived.Jul 26 2017, 4:31 PM
Jdlrobson moved this task from Backlog to TemplateStyles on the Local-Wiki-Template-And-Gadget-Issues board.Jul 26 2017, 11:07 PM
Jdlrobson moved this task from Untriaged to Move to Backlog on the Web-Team-Backlog-Archived (Tracking) board.Jul 27 2017, 3:48 PM
TheDJ added a comment.Jul 27 2017, 7:00 PM

I've installed Firefox on Bluestacks (MacOS Android simulator) and I could not reproduce.

There is a documented 10 year old issue in Firefox however about missing vertical lines, at various zoom levels. It might be that this is what the mobile browser is hitting, If zooming the view in and out can influence the effect for you, than that would be a confirmation of this browser problem I think, (but not having it, would not proof it is NOT that problem)

P.S. If people are wondering why the graphs look different on my desktop screenshots vs. other screenshots (top align of the horizontal part vs. middle align of the horizontal part). This is a known issue with some browsers (Safari, IE), where remaining cell height is not equally distributed.

Safari desktop:

Screen Shot 2017-07-25 at 19.55.27.png (249×263 px, 23 KB)

vs Firefox desktop
Screenshot_20170725-170953.jpg (1×1 px, 99 KB)

Jdlrobson moved this task from Backlog to Blocked on the MinervaNeue board.Aug 16 2017, 8:47 PM
TheDJ removed TheDJ as the assignee of this task.Nov 8 2017, 1:05 PM

Unassigning, as I do not have plans to work on this right now.

Jdlrobson closed this task as Invalid.Nov 8 2018, 5:33 PM

Please fix on wiki

Content licensed under Creative Commons Attribution-ShareAlike (CC BY-SA) 4.0 unless otherwise noted; code licensed under GNU General Public License (GPL) 2.0 or later and other open source licenses. By using this site, you agree to the Terms of Use, Privacy Policy, and Code of Conduct. · Wikimedia Foundation · Privacy Policy · Code of Conduct · Terms of Use · Disclaimer · CC-BY-SA · GPL · Credits