Zoom Meetings SDK chat window not displaying in specified anchorElement

I am trying to display the chat window in a separate HTML

element but it is not getting rendered in that element it is still rendering within the root element of the meeting.

let meetingSDKChatElement = document.getElementById('meetingSDKChatElement')

chat: {
              popper: {
                disableDraggable: true,
                anchorElement: meetingSDKChatElement,
              },
            }

currently, chat is displaying in this element
current-chat-window

but as per the code, it should get displayed in this element, which is not happening
chat-element

Can anyone help here regarding this, Is it a Zoom SDK issue or have I missed something?

Thanks

Any update to this? same issue is happening for me

Not yet. Tried multiple ways but no luck.