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

Safari: Boxes around videos do not fit the videos #1382

Closed
Arnei opened this issue Jun 7, 2024 · 1 comment · Fixed by #1383
Closed

Safari: Boxes around videos do not fit the videos #1382

Arnei opened this issue Jun 7, 2024 · 1 comment · Fixed by #1383
Labels
type:bug Something isn't working type:visual-clarity A part of the UI is not visually readable

Comments

@Arnei
Copy link
Member

Arnei commented Jun 7, 2024

In Safari, the boxes around the videos seem to always fill the screen, even if the videos themselves do not.

Tested with whatever Safari version is on MacOS 17.3 right now.

grafik

@Arnei Arnei added type:bug Something isn't working type:visual-clarity A part of the UI is not visually readable labels Jun 7, 2024
@ferishili
Copy link
Contributor

ferishili commented Jun 7, 2024

I played around a bit, and came up with this finding:
The div with class .css-1fsfa83 that has inline style of "width:unset;height:unset;" makes Safari confuse!
So try to set a calculated height for that div according to the aspect-ratio, could be considered as a workaround!
What do you think?
16:9 -> height: calc(width * 9/16);

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
type:bug Something isn't working type:visual-clarity A part of the UI is not visually readable
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants