WordPress.org

Make WordPress Core

Opened 13 days ago

Last modified 8 days ago

#41844 new defect (bug)

Media: audio players overflow playlist containers

Reported by: celloexpressions Owned by:
Milestone: 4.9 Priority: normal
Severity: normal Version: trunk
Component: Media Keywords: has-patch has-screenshots needs-testing
Focuses: ui Cc:

Description

This appears to have been caused by the new MediaElement.js player styles when that was recently updated (notably, with larger padding). Changing the core styling to use max-width seems to fix the issue. While the bug is partially visible at any playlist width, it's particularly noticeable at smaller widths such as in a sidebar via a plugin like Featured Audio.

I have not tested video but there may be a similar issue for video playlists now.

Attachments (2)

41844.png (12.0 KB) - added by celloexpressions 13 days ago.
Audio player overflows playlist container
41844.diff (433 bytes) - added by celloexpressions 13 days ago.
Prevent overflow by using max-width instead of width on the player container. Note that the width property is overridden by JS with a pixel value.

Download all attachments as: .zip

Change History (3)

@celloexpressions
13 days ago

Audio player overflows playlist container

@celloexpressions
13 days ago

Prevent overflow by using max-width instead of width on the player container. Note that the width property is overridden by JS with a pixel value.

This ticket was mentioned in Slack in #core-media by joemcgill. View the logs.


8 days ago

Note: See TracTickets for help on using tickets.