muxinc / media-chrome

Custom elements (web components) for making audio and video player controls that look great in your website or app.

Home Page:https://media-chrome.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Safari video is not bottom aligned with controls

luwes opened this issue · comments

only happens with custom video elements https://github.com/muxinc/custom-media-element

SCR-20231028-i40

setting height: fit-content on the custom media element instead of the one of 100% set by the media container seems to be a workaround for Safari.
6708aca

Not sure if it should be added in media-container because it looks like a Safari bug related to aspect-ratio and custom elements

it's not specific to custom elements it seems.
max-width and aspect-ratio on a container and width = height = 100% on child
https://codesandbox.io/s/safari-aspect-ratio-height-bug-l363g6?file=/index.html