Page MenuHomePhabricator

Phonos attribution link (superscript "i") can wrap to next line, separated from the button
Closed, ResolvedPublicBUG REPORT

Assigned To
Authored By
Nardog
Aug 31 2023, 3:13 AM
Referenced Files
F38208717: 2023-10-11_10-35-39.png
Oct 11 2023, 5:50 PM
F38208714: 2023-10-11_08-20-11.png
Oct 11 2023, 5:50 PM
F37740402: 2023-09-19_14-48-14.png
Sep 19 2023, 10:00 PM
F37740384: 2023-09-19_14-49-45.png
Sep 19 2023, 10:00 PM
F37740379: 2023-09-19_14-52-55.png
Sep 19 2023, 10:00 PM
F37740329: 2023-09-19_14-52-22.png
Sep 19 2023, 10:00 PM
F37740016: 2023-09-19_12-15-00.png
Sep 19 2023, 7:18 PM
F37740014: 2023-09-19_12-10-24.png
Sep 19 2023, 7:18 PM

Description

Steps to replicate the issue (include links if applicable):

What happens?:
Wrapping occurs between the text of a Phonos button and superscript "i".

n2.png (744Γ—1 px, 22 KB)

What should have happened instead?:
The superscript is never separated from the last word in the label of the button.

QA Results - Local

ACStatusDetails
1βœ…https://phabricator.wikimedia.org/T346370 can be seen here

Event Timeline

Restricted Application added a subscriber: Aklapper. Β· View Herald Transcript
Nikerabbit removed a project: Language-Team.
Nikerabbit subscribed.

We are starting to set priorities. We may adjust them going forward as we calibrate.

Change 957790 had a related patch set uploaded (by MusikAnimal; author: MusikAnimal):

[mediawiki/extensions/Phonos@master] PhonosButton.less: prevent attribution link from wrapping to new line

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

Change 957790 merged by jenkins-bot:

[mediawiki/extensions/Phonos@master] PhonosButton.less: prevent attribution link from wrapping to new line

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

@MusikAnimal I came across a couple of issues on Chrome as seen from the screenshots below. Let me know what you think and I'll move this back to Development, thanks!

Status:❌ FAIL
Environment: Local: 1.41.0-alpha (04a039e)20:19, 19 September 2023. Phonos: 0.1.0 (5b4f85d) 02:28, 19 September 2023 & Beta
OS: macOS Ventura
Browser: Chrome 116 Firefox 116, Safari 16.6
Device: MBA M2
Emulated Device:: N/A
Test Links:
http://localhost:8080/wiki/Phonos4

❌AC1: https://phabricator.wikimedia.org/T345315

Safari-βœ…Firefox- βœ…Chrome-❌
2023-09-19_14-52-22.png (511Γ—709 px, 170 KB)
2023-09-19_14-52-55.png (391Γ—713 px, 124 KB)
2023-09-19_14-49-45.png (650Γ—695 px, 204 KB)

Possible Issue

The superscript "i" is smaller in Firefox compared to Chrome and Safari. Also only in Chrome the speaker icons are clipped as seen in the screenshot below.
Both browsers zoom levels are at 100%

2023-09-19_14-48-14.png (973Γ—1 px, 335 KB)

Change 959870 had a related patch set uploaded (by MusikAnimal; author: MusikAnimal):

[mediawiki/extensions/Phonos@master] Add wrapper around PhonosButton and attribution link

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

Change 959870 merged by jenkins-bot:

[mediawiki/extensions/Phonos@master] Add wrapper around PhonosButton and attribution link

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

@MusikAnimal The Chrome issue is now resolved as seen in the screenshots below, along with what was tested above. After talking about it, the small superscript "i" in Firefox is probably just a normal browser variance. I will move this to Done. Thanks for all your work!

Status: βœ…PASS
Environment: Local: 1.42.0-alphaΒ (489c7de)14:39, 11 October 2023. Phonos: 0.1.0Β (4f99fd5)Β 06:45, 11 October 2023
OS: macOS Sonoma 14.0
Browser: Chrome 117
Device: MBA M2
Emulated Device:: n/a
Test Links:
http://localhost:8080/wiki/Phonos4

βœ…AC1: https://phabricator.wikimedia.org/T345315

Chrome- ResolutionChrome- Zoom
2023-10-11_08-20-11.png (462Γ—555 px, 95 KB)
2023-10-11_10-35-39.png (1Γ—3 px, 560 KB)