Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] media player is not re-sizing to width of browser #676

Open
2 tasks
elynema opened this issue Oct 23, 2024 · 2 comments
Open
2 tasks

[BUG] media player is not re-sizing to width of browser #676

elynema opened this issue Oct 23, 2024 · 2 comments
Assignees
Labels
bug 🐛 Something isn't working

Comments

@elynema
Copy link

elynema commented Oct 23, 2024

Description

For both audio and video items, the media player is not re-sizing to the width of the browser on the playlist page. This requires the user to scroll the browser horizontally in order to access all the widgets. So far, this has been observed in Safari on iPhone as well as Chrome on desktop (when the browser is resized down). This is happening even when the browser is not zoomed at all and is happening for both audio and video on both playlist and media item pages.

screenshot-iPhone 15 Pro-17 0 (3)

Done Looks Like

  • Media player resizes to fit the entire width, including components, to within the browser viewport width
  • Test zoom levels and investigate resizing strategy to determine where to make changes
@elynema elynema changed the title [BUG] media player is not re-sizing to width of browser in Safari on iPhone [BUG] media player is not re-sizing to width of browser Oct 23, 2024
@joncameron joncameron added the bug 🐛 Something isn't working label Oct 23, 2024
@joncameron
Copy link
Contributor

Min height and width of player set during previous work; these changes may be triggering this issue.

@Dananji
Copy link
Collaborator

Dananji commented Oct 25, 2024

I was not able to reproduce this issue for Chrome on both my machine and BrowserStack for desktop. The browser wouldn't let me reduce the width to be less than the width of the bootstrap column containing the player.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug 🐛 Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants