# Draggable popup elements?

**URL:** <https://devforum.zoom.us/t/draggable-popup-elements/122368>\
**Category:** UI ToolKit\
**Created:** [December 12, 2024, 6:09pm UTC](https://devforum.zoom.us/t/draggable-popup-elements/122368 "2024-12-12T18:09:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![ngiesbrecht](https://avatars.discourse-cdn.com/v4/letter/n/57b2e6/32.png) [@ngiesbrecht](https://devforum.zoom.us/u/ngiesbrecht)\
**Post date:** [December 12, 2024, 6:09pm UTC](https://devforum.zoom.us/t/draggable-popup-elements/122368/1 "2024-12-12T18:09:55Z")

</div>

Is it in the product roadmap to make the popup elements such as chat/settings/etc draggable across the screen?

Currently, the chat pops up directly over the video meeting, which is less than ideal.

I have been able to make this draggable functionality work on my end through an (admittedly) hacky solution, since i am unable to directly access the divs I want to move. However, many errors are thrown on chrome ( _Unable to preventDefault inside passive event listener invocation_) due to the inability to remove .preventDefault() calls in the source code.

It would be very nice to have this functionality baked into the uitoolkit.

---

<div class="post-metadata">

**Author:** ![ngiesbrecht](https://avatars.discourse-cdn.com/v4/letter/n/57b2e6/32.png) [@ngiesbrecht](https://devforum.zoom.us/u/ngiesbrecht)\
**Post date:** [December 12, 2024, 6:18pm UTC](https://devforum.zoom.us/t/draggable-popup-elements/122368/2 "2024-12-12T18:18:14Z")

</div>

Including a GIF to show the functionality. The implementation without it being baked into the uitoolkit package is a little bit too hacky for us to throw into production code though 🤣

With the current implementation, this is only possible for us to do by listening for the _cdk-overlay_ element to be rendered in the DOM, and then modifying it with an observer.  
 ![9dkb5q](https://us1.discourse-cdn.com/flex016/uploads/zoomdeveloper/original/3X/4/2/42ac2e51d3a399efa6c33082b2cd3276e634de3e.gif)

---

<div class="post-metadata">

**Author:** ![tommy](https://sea2.discourse-cdn.com/flex016/user_avatar/devforum.zoom.us/tommy/32/72769_2.png) [@tommy](https://devforum.zoom.us/u/tommy)\
**Post date:** [February 10, 2025, 7:51pm UTC](https://devforum.zoom.us/t/draggable-popup-elements/122368/3 "2025-02-10T19:51:28Z")

</div>

Hey @ngiesbrecht,

You should be able to do this with UI Toolkit components:

> **[Video SDK - web - UI Toolkit - Zoom Developers](https://developers.zoom.us/docs/video-sdk/web/ui-toolkit/#build-toolkit-and-startjoin-sessions)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

> **[Video SDK UI Toolkit components are here! - Zoom Developers](https://developers.zoom.us/blog/videosdk-ui-toolkit-components/)**
>
> The Zoom Developer Platform is an open platform that allows third-party developers to build applications and integrations upon Zoom’s video-first unified communications platform.

Best,  
Tommy