Page MenuHomePhabricator

Mobile View on small screens: When bullet listed text wraps to next line its not left-justified-aligned under the preceding text
Closed, ResolvedPublicBUG REPORT

Description

Using small mobile devices such as a cell phone:
On the reporting dialogue information page, for the bullet listed text when text wraps to next line its not left-justified-aligned under the preceding text.

Steps to Reproduce:
Using a cell phone in Portrait mode (it can be Android or iOS)
Open this url: https://ko.m.wikipedia.beta.wmflabs.org/wiki/%EC%82%AC%EC%9A%A9%EC%9E%90%ED%86%A0%EB%A1%A0:Bluedot?uselang=en
Select the view preference Mobile
Select the Report button
At the reporting dialogue information page you will notice some bullet listed text, and some of the text may wrap to the next line BUT when it does wrap to the next line (for example: the word (Doxing)) it's not left-justified-aligned underneath the preceding text.

image.png (888×439 px, 223 KB)
image.png (913×486 px, 232 KB)

Expected Result:
The bullet listed text should be left-justified-aligned with the preceding text whenever text wrapping occurs.
For example:
Disclosure of personal data
(Doxing)

Event Timeline

Djackson-ctr renamed this task from Using Mobile View with small mobile devices such as a cell phone: When text wraps to next line its not left-justified-aligned under the preceding text to Using Mobile View with small mobile devices such as a cell phone: When bullet listed text wraps to next line its not left-justified-aligned under the preceding text.Sep 29 2023, 4:02 PM
Aklapper renamed this task from Using Mobile View with small mobile devices such as a cell phone: When bullet listed text wraps to next line its not left-justified-aligned under the preceding text to Mobile View on small screens: When bullet listed text wraps to next line its not left-justified-aligned under the preceding text.Oct 2 2023, 6:27 PM

Change #1079575 had a related patch set uploaded (by Bartosz Dziewoński; author: Bartosz Dziewoński):

[mediawiki/extensions/ReportIncident@master] Remove `list-style: inside`

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

Change #1079575 merged by jenkins-bot:

[mediawiki/extensions/ReportIncident@master] Remove `list-style: inside`

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

QA has been completed... The code fix is displaying per the Expected Result in the ticket description.

image.png (952×502 px, 278 KB)

kostajh claimed this task.
kostajh reassigned this task from kostajh to matmarex.
kostajh subscribed.

Thanks for the patch @matmarex!