Gridster resize query' widget loses mouse and stops resizing

CJames2 commented 9 years ago

I've an issue that is not necessarily gridster related since I'm not able to easily re-create the problem outside the host web application, so looking for pointers rather than reporting a bug.

Basically, resizing up/down/right is fine. However if I try and reduce the size of a widget moving left, it is necessary to move the mouse very slowly, otherwise the widget loses mouse focus and stops resizing. Question is, why?

I'm using iFrames in each of my widgets, and know for a fact these aren't size properly, so will often overlap other widgets - could this be the cause?

I get the same issue in ie 9..11 and Firefox.

Is there something I should/should not be doing when using gridster in a web app?

Apologies for the vagueness in describig the problem

njzcx commented 8 years ago

The same question for me! Could you fix it?

CJames2 commented 8 years ago

Hi nj

Yep - here's the link: http://www.maxmakedesign.co.uk/development/2013/gridster-breaks-iframe-drag-drop/

Hope that helps. Basically a css fix for gridster. I added the following to my style scheet: .overlay_fix { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 100000; opacity: 0; display: none; }

Hope that does if for you

njzcx commented 8 years ago

yeah! It's nice way, Thank you very much! @CJames2

ducksboard / gridster.js

Gridster resize query' widget loses mouse and stops resizing #518