Using z-index to float divs on top of WebSDK?

We have a prototype working using the full WebSDK in Chrome where we layer some of our customer support div elements on top of the fully rendered WebSDK meeting view in the browser. We use a little bit of JS async event management and bootstrap to align the z-indexes, etc, do you see any potential problems as long as our divs are “above” the SDK full screen? After a lot of research, we decided not to override any WebSDK CSS as we were seeing some side effects trying to keep up with the wasm renderings.

Hey @MSRZ,

Thank you for reaching out to the Zoom Developer Forum. It’s possible that even using an element with a greater Z-Index will adversely affect the styling of the Web SDK.

While it is styled to display over existing elements it still is inserted into the DOM so depending on the internal styling rules of the Web SDK there could be conflicts.

Most of the issues are rooted in the fact that the Web SDK is not currently designed to be customized in that manner. We plan to release a customizable version of the Web SDK in the future so keep an eye on our changelog and subscribe to news at developers.zoom.us if you’re that’s something that would be useful for your project.

Let me know if you have any questions. :slightly_smiling_face:

Thanks,
Max