Page MenuHomePhabricator

On mobile talk pages, section edit icon is sometimes right after the heading, sometimes not
Closed, ResolvedPublicBUG REPORT

Assigned To
Authored By
RodneyAraujo
Aug 17 2020, 4:37 PM
Referenced Files
F32197909: image.png
Aug 27 2020, 7:40 PM
F32197907: image.png
Aug 27 2020, 7:40 PM
F32186908: Screen Shot 2020-08-17 at 2.14.02 PM.png
Aug 17 2020, 9:20 PM
F32186910: Screen Shot 2020-08-17 at 2.14.54 PM.png
Aug 17 2020, 9:20 PM
F32186668: image.png
Aug 17 2020, 4:37 PM
F32186666: image.png
Aug 17 2020, 4:37 PM

Description

Original issue:
Spanish Wikipedia, mobile view, talk page of the template "Problemas artículo" (Multiple issues)
https://es.m.wikipedia.org/wiki/Plantilla_discusi%C3%B3n:Problemas_art%C3%ADculo#Intento_de_mejora_de_la_documentaci%C3%B3n, in the option: Leer como página de Wiki (Read as wiki page) > the problem is originated in the talk page section: Intento de mejora de la documentación and ends in the talk page section: Problemas con la plantilla en el Editor de código 2017, but shows the discussions like a Twitter thread

image.png (768×1 px, 166 KB)

image.png (768×1 px, 159 KB)

Current Results:
Bug in the Mobile view of the wikipedia talk pages with format (images, fonts, estructures), the name of each section is next to the edit icon, but the name of the section in the wikipedia talk pages is not separated with the edit icon.
The problem comes from the Google Chrome Inspect element tool, and it seems that I have mishandled it. ¡Need Help!

Expected Results:

The page should return to the original form

Event Timeline

sbassett subscribed.

Untagging Security-Team as this does not appear to be a security issue.

RodneyAraujo renamed this task from Error in the Mobile view of the wikipedia talk pages with format (images, fonts, estructure), the name of each section is next to the edit icon, but the name of the section in the wikipedia talk pagesis not separated with the edit icon to Error in the Mobile view of the wikipedia talk pages with format (images, fonts, estructure), the name of each section is next to the edit icon, but the name of the section in the wikipedia talk pages is not separated with the edit icon.Aug 17 2020, 4:42 PM

@RodneyAraujo: I'm removing some subscribers and the assignee, as I don't see why they should be on this ticket.
Please also see https://www.mediawiki.org/wiki/How_to_report_a_bug - thanks!

Aklapper renamed this task from Error in the Mobile view of the wikipedia talk pages with format (images, fonts, estructure), the name of each section is next to the edit icon, but the name of the section in the wikipedia talk pages is not separated with the edit icon to On mobile talk pages, section edit icon is sometimes right after the heading, sometimes not.Aug 17 2020, 8:47 PM
Aklapper removed a subscriber: Jdlrobson.
Jdlrobson changed the task status from Open to Stalled.Aug 17 2020, 9:20 PM

I'm sorry but I don't understand the bug as written. My guess is you are referring to the fact that "Intento de mejora de la documentación" is not collapsible and is instead collapsed inside "No funciona...". If that's the case, then this is an issue with the templates used in their page which are not closing the relevant element inside Usuario:poco_a_poco 's wikitext. The <font> element is used but not closed.

If I've misunderstood this I'm going to need a few more details particularly:

the problem is originated in the talk page section: Intento de mejora de la documentación and ends in the talk page section: Problemas con la plantilla en el Editor de código 2017

I'm not seeing any difference between desktop and mobile rendering with the content here.

Screen Shot 2020-08-17 at 2.14.02 PM.png (684×2 px, 247 KB)
Screen Shot 2020-08-17 at 2.14.54 PM.png (960×2 px, 275 KB)

, but shows the discussions like a Twitter thread

What does "but shows the discussions like a Twitter thread" mean?

The page should return to the original form

What is "original form?" On mobile the page is formatted differently to make it mobile-friendly. When the button "read as wiki page" is clicked it reverts to its original form.

What is the problem being experienced and how is it impacting usage of the talk page?

I don't understand it's because I don't speak much English. The problem not only affected in the talk pages, but also in some articles, like this, https://es.m.wikipedia.org/wiki/María_(EP)#Referencias

image.png (307×1 px, 35 KB)

image.png (152×1 px, 28 KB)

Reply: I experienced the problem after using using Google Chrome's "Inspect" tool

@Jdlrobson, the problem described is that the edit icon that displays the mobile interface is displaced from the section named "Intento de mejora de la documentación" (from its normal position on the end right, to a displaced position on the end of the section title). In fact this is because of the syntax errors. Solving lint errors, solved interface problem.
https://es.wikipedia.org/w/index.php?title=Plantilla_discusi%C3%B3n:Problemas_art%C3%ADculo&diff=prev&oldid=128808045
https://es.wikipedia.org/w/index.php?title=Mar%C3%ADa_(EP)&diff=prev&oldid=128808770

Maybe you can close this report, because there is not much to solve in the system, except, maybe, trying that the interface should not be affected by content lint errors. Can you imagine disappearing those edit buttons just because an unclosed tag? You cannot modify those edit links in desktop version because an unclosed tag, so you would not modify the edit button in mobile version.

Jdlrobson claimed this task.
Jdlrobson added a subscriber: Leoncastro.

@Leoncastro I agree the software should work better here, but I believe the parser team is aware of this and is working on solutions to this and similar bugs - T185695 for example.

aún me sigue apareciendo el problema de que el título de la sección se encuentra al lado del ícono de editar en otras discusiones y en algunas páginas móviles:
https://es.m.wikipedia.org/wiki/Usuario_discusión:Conde_Edmond_Dantès
https://es.m.wikipedia.org/wiki/Kimchi
Ciertas secciones no se pliegan con este problema.

saben que ese problema me pasó al modificar el código en "Inspeccionar" de Google Chrome. Deberían haberlo arreglado esto para que las secciones se plieguen aunque el contenido tenga plantillas, el tipo de letra cambiado con <span></span> , etc
https://es.wikipedia.org/wiki/Ayuda:Cómo_se_edita_una_página#Tipos_de_letra

https://es.m.wikipedia.org/wiki/Kimchi

fixed in https://es.m.wikipedia.org/wiki/Especial:MobileDiff/128891989

https://es.m.wikipedia.org/wiki/Usuario_discusi%C3%B3n:Conde_Edmond_Dant%C3%A8s

Talk pages that use a template like this are currently not supported on mobile.

saben que ese problema me pasó al modificar el código en "Inspeccionar" de Google Chrome. Deberían haberlo arreglado esto para que las secciones se plieguen aunque el contenido tenga plantillas, el tipo de letra cambiado con <span></span> , etc

This is a problem with the parser. T185695

Closing per last comment.