Meeting controls and icons are misaligned in meeting room

Meeting SDK Web
1

Description
When we enter the room, the icons and options at the bottom are misaligned and there are overlays that won’t hide. Also getting the prompt that I need to update my Chrome, however my Chrome is already the most updated version

Which Web Meeting SDK version?
2.0.1

To Reproduce(If applicable)
Steps to reproduce the behavior:

  1. Click Join Meeting
  2. Enter Room (View Icons at the bottom)

Screenshots

Device (please complete the following information):

  • Device: MacBook Pro
  • OS: macOS 11.2
  • Browser: Chrome
  • Browser Version: Version 95.0.4638.69 (Official Build) (x86_64)

Additional context
Add any other context about the problem here.

2

Hey @ella.g,

Thank you for reaching out to the Zoom Developer Forum. When I’ve seen issues such as this in the past, the CSS or JS resources were not being imported completely or they were overwritten by another package.

As a first step, you can test with our Sample Web App and use that as a reference when building out your application. Then, I would make sure that you are following the steps to import shown in our guide on building with the Web SDK.

We have some other sample apps that might help too:

Sample Web App
Sample React App
Sample Angular App
Sample Vue.js App

I hope that helps! Let me know if you have any questions.

Thanks,
Max

3

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.