Page MenuHomePhabricator

<score> markup playback bar overlaps the staff
Open, Needs TriagePublic


When using <score> markup playback bar overlaps the staff:


Works in mobile skins.

Reported by M​5@enwiki

Event Timeline

Xaosflux created this task.Feb 16 2019, 2:11 AM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 16 2019, 2:11 AM
Xaosflux updated the task description. (Show Details)Feb 16 2019, 2:13 AM
mb added a subscriber: mb.Feb 16 2019, 10:53 AM
Ebe123 claimed this task.Mar 6 2019, 12:21 AM

Change 495882 had a related patch set uploaded (by Ebe123; owner: Ebe123):
[mediawiki/extensions/Score@master] Add bottom margin to score images

Bonvol added a subscriber: Bonvol.Mar 18 2019, 9:35 PM
Ankry awarded a token.Mar 29 2019, 8:00 AM

The overlap appears be due to an overflow caused by the TimedMediaHandler player. The player is exceeding its own height and aligns to the bottom, causing the overflow to not increase its height, but instead overlap the element above it (the Score image).

TimedMediaHandler's next player based on videojs, can be seen on, where the overlap does not occur.

Having said that, a bit of additional margin wouldn't hurt :)

Change 495882 merged by jenkins-bot:
[mediawiki/extensions/Score@master] Add bottom margin to score images

mb added a comment.Apr 14 2019, 1:20 AM

Krinkle's image above is not what Firefox or Chrome show for me. I see the player not below but to the right of the score, slightly above.

@mb Yes, that's for me as well. It depends on window width.

Ebe123 updated the task description. (Show Details)Apr 14 2019, 1:25 AM

Just saying, the change isn't active on either testwiki right now. Wait a bit :)