# Problem with Positioning on Meeting SDK

**URL:** <https://devforum.zoom.us/t/problem-with-positioning-on-meeting-sdk/95621>\
**Category:** Web\
**Created:** [September 22, 2023, 3:41pm UTC](https://devforum.zoom.us/t/problem-with-positioning-on-meeting-sdk/95621 "2023-09-22T15:41:31Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![rafael.garcia](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/rafael.garcia/32/50408_2.png) [@rafael.garcia](https://devforum.zoom.us/u/rafael.garcia)\
**Post date:** [September 22, 2023, 3:41pm UTC](https://devforum.zoom.us/t/problem-with-positioning-on-meeting-sdk/95621/1 "2023-09-22T15:41:31Z")

</div>

**Description**  
When trying to customize the init object I ran into an issue where the “anchorElement” property inside the chat popper is not working.

**Which Web Meeting SDK version?**  
2.16.0

**Meeting SDK Code Snippets**

```auto
  // WebSDK Embedded init
  var rootElement = document.getElementById("ZoomEmbeddedApp");
  var chatElement = document.getElementById("ZoomChat");
  var zmClient = ZoomMtgEmbedded.createClient();

  console.log(chatElement); //I'm getting the correct node here

  zmClient
    .init({
      debug: true,
      zoomAppRoot: rootElement,
      webEndpoint: meetingConfig.webEndpoint,
      language: meetingConfig.lang,
      customize: {
        video: {
          defaultViewType: "speaker",
          isResizable: false,
          popper: {
            disableDraggable: true,
            isResizable: false,
          },
          viewSizes: {
            default: {
              width: 1280,
              height: 720,
            },
          },
        },
        chat: {
          popper: {
            disableDraggable: true,
            anchorElement: chatElement,
            placement: "top",
          },
        },
        meetingInfo: [
          "topic",
          "host",
          "mn",
          "pwd",
          "telPwd",
          "invite",
          "participant",
          "dc",
          "enctype",
        ],
      },
    })
    .then((e) => {
      console.log("FIRST PROMISE");
      console.log("success", e);
    })
    .catch((e) => {
      console.log("error", e);
    });

```

**Screenshots**  
 ![](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/7/6729a166f18c99b174eca535788202cf4d831fea.png)

As you can see I’m getting the chat dialog outside the div that I specified, why?

**Troubleshooting Routes**  
I downloaded code from “github .com/zoom” (to be more specific I cloned the meetingsdk-web-sample repo)

**Device (please complete the following information):**

- Device: Lenovo Legion
- OS: pop OS
- Browser: Chrome
- Browser Version: 117.0.5938.62

**Additional context**  
I took the customize options example from:  
[https://developers.zoom.us/docs/meeting-sdk/web/component-view/positioning/](https://developers.zoom.us/docs/meeting-sdk/web/component-view/positioning/)

Any help is appreciated guys, thanks!

---

<div class="post-metadata">

**Author:** ![elisa.zoom](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/elisa.zoom/32/47836_2.png) [@elisa.zoom](https://devforum.zoom.us/u/elisa.zoom)\
**Post date:** [September 26, 2023, 8:23pm UTC](https://devforum.zoom.us/t/problem-with-positioning-on-meeting-sdk/95621/2 "2023-09-26T20:23:13Z")

</div>

Hi @rafael.garcia  
thanks for reaching out to us!  
Are you still experiencing this issue?  
can you confirm that you are running into this issue when running this sample app:

> **[GitHub - zoom/meetingsdk-web-sample: Zoom Meeting SDK web sample](https://github.com/zoom/meetingsdk-web-sample)**
>
> Zoom Meeting SDK web sample. Contribute to zoom/meetingsdk-web-sample development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/6/1/614bdd549b610bbaa46ff934617683a02bdaa03c.png) [@system](https://devforum.zoom.us/u/system)\
**Post date:** [October 27, 2023, 6:23am UTC](https://devforum.zoom.us/t/problem-with-positioning-on-meeting-sdk/95621/3 "2023-10-27T06:23:30Z")

</div>

Closed on October 27, 2023, 6:23am UTC

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