Zoom Styles Issues

Description
I’m working in a project that use elm language, webpack for the configuration, the way that elm communicate to the browser using JS with Ports, so I have to use a port to initialize preLoadWasm and prepareJssdk and the way that I imported the library is with CommonJS because using ES6 standard module I found a problem when webpack try to get the script so I’m using something like this

window.zoom = require('@zoomus/websdk')
require('./js/zoom')(app, window.zoom.ZoomMtg)

Error
When the script load in the page I found that some styles are broken and also some events like scroll isn’t working anymore.

Which version?
@zoomus/websdk: 1.7.7

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

  1. Go to ‘…’
  2. Click on ‘…’
  3. Scroll down to ‘…’
  4. See error

Screenshots
If applicable, add screenshots to help explain your problem.

Smartphone (please complete the following information):

  • Device: [e.g. iPhone6]
  • OS: [e.g. iOS8.1]
  • Version: [e.g. 22]
  • Browser:[e.g. Chrome]

Additional context
Add any other context about the problem here.

Hey @marcelo.orellana,

Make sure you are including the Zoom Web SDK CSS:

Also check out my post here for styling tips:

Thanks,
Tommy