# Zoom Meeting SDK Client View Rendering Outside/Below Container Div (React/Web)

**URL:** <https://devforum.zoom.us/t/zoom-meeting-sdk-client-view-rendering-outside-below-container-div-react-web/137816>\
**Category:** Web\
**Created:** [October 2, 2025, 9:47pm UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-client-view-rendering-outside-below-container-div-react-web/137816 "2025-10-02T21:47:06Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![TeKer](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/teker/32/72895_2.png) [@TeKer](https://devforum.zoom.us/u/TeKer)\
**Post date:** [October 2, 2025, 9:47pm UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-client-view-rendering-outside-below-container-div-react-web/137816/1 "2025-10-02T21:47:06Z")

</div>

I am encountering a very strange rendering issue when integrating the Zoom Meeting SDK (Client View) into my React application. The main Zoom meeting interface appears to be rendering **outside and below** its designated container element, which prevents interaction with the meeting controls.

> I am using the recommended DOM structure in my component’s return block:
> 
> \< className={\` relative w-full h-screen\`}\>  
> \< id=“zmmtg-root”\>\</\>  
> \< id=“aria-notify-area”\>\</\>  
> \</\>

### Problematic Behavior

When the meeting successfully initializes and joins (`ZoomMtg.join()` is successful):

1. The meeting interface **does not** appear to be contained within the parent `<div className={`relative w-full h-screen`}>`.

2. The main meeting canvas and controls render **visually outside and below** the expected container.

3. The meeting interface is displayed on the screen, but it seems to be in a position that makes it **un-interactable** (clicks do not register on the controls like Mute, Video, etc.).

---

<div class="post-metadata">

**Author:** ![Gdrum](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/gdrum/32/15914_2.png) [@Gdrum](https://devforum.zoom.us/u/Gdrum)\
**Post date:** [February 17, 2026, 6:19pm UTC](https://devforum.zoom.us/t/zoom-meeting-sdk-client-view-rendering-outside-below-container-div-react-web/137816/2 "2026-02-17T18:19:08Z")

</div>

@TeKer What was the resolution? We are having some weird rendering issues with react meeting sdk web. Thanks.