Move Popup by Drag & drop

[SaberOuni]

Hello

Is there a way to configure the popup in Scheduler to be draggable?

popup.png (8.11 KiB) Viewed 2049 times

Best Regards

[mats]

It seems you're using an expired trial license? Please contact sales@bryntum.com to verify your license status. Then we can provide you with support.

[SaberOuni]

Yes I use a personal account to ask questions on the support forum but my client has a valid license and we use the last version version 2.3.0.

[mats]

Please ask your client to add your email to their license to reflect your forum status.

[SOuni]

Hello Mats ,

I added

draggable: true

now it works and my popup is darggable but the problem is I can't displace it for the first click, i have to click twice to move it. Any solution ?

 listeners: {
                eventClick: (event: any) => {
                    if (!event.event.ctrlKey) {
                        const popup = new Popup({
                            header: event.eventRecord.data.name,
                            autoShow: false,
                            draggable: true,
                            floating: true,
                            x: event.event.clientX,
                            y: event.event.clientY + 25,
                            cls: 'scheduler-popup-w',
                            html: `Popup-Body`
                        });
                        popup.show();
                    }
                },

Best Regards

[sergey.maltsev]

Hi, SOuni!

Thank you for the bug report.
I've created this issue to fix it.
https://github.com/bryntum/support/issues/33

[sergey.maltsev]

Hi!

Please check this workaround.
Add focusable : true, to Popup config.

[SOuni]

Thx, its works now

[SOuni]

Hello ,

I integrated to the latest version of Bryntum but i had this exception :

error.png (43.88 KiB) Viewed 1812 times

I tried to remove focusable = true but i have to click twice to move the popup.

Thx

[sergey.maltsev]

Hi!

focusable is not a public property.
You could add this // @ts-ignore before line where error occurs and this will help to compile.