search

swiety85 / angular2gridster

Angular implementation of well known Gridster (no jQuery, no external libraries, only Angular and Rx.js).
https://swiety85.github.io/angular2gridster/
MIT License
203 stars 75 forks source link

On drag resize handle adds random blank space between mouse icon and widget #250

Open Amol-Bhole opened 6 years ago

Amol-Bhole commented 6 years ago

draghandledistance

Hello,

Hope you are able to see .gif file attached. I have dashboard and we render multiple widgets there. When I try to re-position widgets, at some places it works smooth and at other it adds random space between widget and mouse icon.

Sometimes space is increased to the extent that it is impossible to switch position of widgets.

Can you help me here with what I am doing wrong?

Thank you in advance!

Regards,

swiety85 commented 6 years ago

Hi, do you use the newest version of Gridster. What browser do you use?

Amol-Bhole commented 6 years ago

Hello, thank you for your response.

My angular2gridster version is "angular2gridster": "1.6.0", and I am testing it on latest version of google chrome (Version 66.0.3359.181 (Official Build) (64-bit)).

App is developed using Angular 4. And all the widgets in the grid are loaded at run-time. (Even the content inside widget is injected dynamically as a angular 4 component)

I have tested it on other systems as well and it behaves the same.

Let me know if I can share some more information.

Thanks for your help!

Amol-Bhole commented 6 years ago

History: I started with "angular2gridster": "0.6.3", Had this issue before as well but it wasn't used to add much unnecessary space. It was usable

I upgraded to "angular2gridster": "1.6.0" and has to use property "floating":true. and started getting the above issue to the extent that widgets can not be swapped. (Widgets in my dashboard needs to float upwards sometimes so need floating:true)

Again I downgraded to"angular2gridster": "0.6.3" and I can use it now. but it still adds some extra space Note: No need to use property floating:true in this version (of course I know you know it :) )

swiety85 commented 6 years ago

It sounds like an old issue that should be resolved in the newest version. In the demo app, it's not reproducible, that's why I suppose it could be related to CSS of your dashboard. Could you provide more details about your CSS? Best would be to have some plunker example, where I can reproduce it.

Amol-Bhole commented 6 years ago

Do you have any example in plunker implemented for angular2gridster ?

On Wed, May 23, 2018 at 11:53 PM, Damian Wajdlich notifications@github.com wrote:

It sounds like an old issue that should be resolved in the newest version. In the demo app, it's not reproducible, that's why I suppose it could be related to CSS of your dashboard. Could you provide more details about your CSS? Best would be to have some plunker example, where I can reproduce it.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/swiety85/angular2gridster/issues/250#issuecomment-391449381, or mute the thread https://github.com/notifications/unsubscribe-auth/AQDUfCevbrAlHqhKnTtAgO-3jMjVaLX-ks5t1akfgaJpZM4UIwPe .

swiety85 commented 6 years ago

I will try to provide some template in plunker soon. Can you write me CSS for gridster container and gridster items?

swiety85 commented 6 years ago

Please fork this codesandbox to provide example.