dsmorse / gridster.js

gridster.js is a jQuery plugin that makes building intuitive draggable layouts from elements spanning multiple columns

Home Page:http://dsmorse.github.io/gridster.js/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

draggable handle doesnt work as expected.

timothymarois opened this issue · comments

Setting a handle doesn't really work at all.

http://dsmorse.github.io/gridster.js/demos/custom-drag-handle.html

The example uses <header> element, but the only way I was able to make this work is using div as the handle. I tried using a class name .dragitem does not work. I tried using $('.dragitem') same result. Doesn't seem to understand what an element is unless its the element tag itself.

This isn't in the API documentation either, its only in the example.

It looks like it was due to z-index within the element itself. increasing the index allowed the div to be above all other elements in the drag item. Assuming this is only looking at the first element in for click and not its parent elements, which is why its an issue, but luckily I can get around that for now.