Drag bug when the mouse moves outside gridster in an iframe (Chrome)

[dchipan]

Hi,

I have a gridster grid in an iframe. When I drag an item and my mouse moves outside the iframe, I can not drop the item any more even if I move back to the iframe.

The only solution from this point is to reload the entire page.

It works well on Firefox 61.0 but not in Chrome 68.0.

Any idea, help ?

See JsFiddle to reproduce it : https://jsfiddle.net/vfL03a4c/

[dchipan]

This JsFiddle seems to work well (Grister without Angular) : https://jsfiddle.net/49bwtdgy/embedded/result/

[CollinGraf314]

I've checked this out and can confirm the bug. If anyone is willing to make a pull request with a fix I'll review it and check it in.

[nakulkundra]

will this be fixed in the 4.x as well ?

[CollinGraf314]

I will not fix it in 4.x. Since this repository is Tiberiuzuld's and I am only trying to maintain it in his absence, I will not be patching any past releases.

However, you can always add the fix yourself by looking at dchipan's changes and modifying your local version of the library.

[nakulkundra]

can u guide , how can i fit it for my angular 4 implementation ?

…

On Wed 22 Aug, 2018, 6:43 PM CollinGraf314, ***@***.***> wrote: I will not fix it in 4.x. Since this repository is Tiberiuzuld's and I am only trying to maintain it in his absence, I will not be patching any past releases. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#405 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AE73_iJghY_AtYC-YbA-VSg5eenSRwAAks5uTVjjgaJpZM4V0Ae6> .

[dchipan]

First of all thanks for the merge. Now, how can I use fixed code ? Is it possible to release a new version (5.3.4 ?) before September ?

[CollinGraf314]

v5.3.4 was just released with this bug fix.

[nakulkundra]

can it be fixed for angular 4 ?

…

On Thu 23 Aug, 2018, 6:52 PM CollinGraf314, ***@***.***> wrote: Closed #405 <#405>. — You are receiving this because you commented. Reply to this email directly, view it on GitHub <#405 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AE73_rRv-JLsYkyH3KRX55n-zvXBl3KKks5uTqyMgaJpZM4V0Ae6> .

[CollinGraf314]

I mean you can upgrade your project to angular 5 really easily if you follow angular's migration guide, as there are very few breaking changes between the two. Otherwise, you can fork the 4.x branch of this repository, fix the bug (probably using dchipan's pull request as reference) and then make a pull request.

[ghost]

@CollinGraf314 I am using angular-gridster latest version 6.0.5 npm package with angular 6, How do I get this fix without reverting to a previous version?

[CollinGraf314]

You can't right now. But I'll be adding the bug fix to 6.x and making a new release today. Just look out for that new release.

[CollinGraf314]

Just made a new release for v6.0.6 which includes the fix.

[nakulkundra]

@dchipan can you please help me by reviewing

#436

have changed it based on your changes.

[roshansinghcuembux]

This issue is still not resolved entirely.
I have faced an issue multiple times while resizing widgets on the Gridster.
According to my observation, the issue occurs when we try to resize a widget and take the cursor outside the container or iframe. I have found that the issue is similar to what is fixed in the #409 (@CollinGraf314 @dchipan ).
However, it needs to be handled for resizing functionality as well.

File Name: gridsterResizable.service.ts
Error: Cannot read properties of undefined (reading 'pushItems')
Cannot read properties of undefined (reading 'setPushedItems')
I have attached images for reference.

It would be really great if someone can fix this for tag version 7.2.0.

Thank you