Mobile fullscreen issue when in portait

Web SDK
#1

Description
When fullscreening in portrait mode the image is overflows through the container thus the webinar is not seen. It was working a few days ago

Error
N/A

Which version?
Tested versions 1.7.7/1.7.8

To Reproduce(If applicable)
Steps to reproduce the behavior:
In iPhone fullscreen in portrait mode.

Screenshots
fullscreen|255x500

Smartphone (please complete the following information):

  • Device: iPhone6
  • Browser:Safari

Additional context
It was working a few days ago. This issue suddenly appears.

#2

Hey @cquibada,

Have you changed any of the default Zoom Web SDK CSS?

Thanks,
Tommy

#3

Hi @tommy

Style applied

.active-main{
display: “flex”;
flex-direction: “column”;
justify-content: “space-evenly”;
min-height: calc(100vh - 52px);
}

This style is to center the webcam video instead of having it at the top when length of screen larger than the width.

#4

Hey @cquibada,

Just FYI, if you edit the styles of the Web SDK, it could have strange effects on some of the features.

Thanks,
Tommy