Draggable popup elements?

Video SDK UI ToolKit
1

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.

2

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 :rofl:

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

3

Hey @ngiesbrecht,

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

Best,
Tommy