I created a group that would mask (clip). I then added draggable shapes inside the group.
I found that those shapes inside the group with clip are not draggable in browsers in android.
The draggable shapes outside the group that clips works fine in all devices.
Example code structure:
var gp = new Kinetic.Group({ ... , clip: { ... } });
// this text is not draggable in android browsers
var txt = new Kinetic.Text({ ... , draggable: true });
gp.add(txt);
// this rect is also not draggable in android browsers
var rect1 = new Kinetic.Rect({... , draggable: true });
gp.add(rect);
// this rect is draggable in all devices that I tested
var rect2 = new Kinetic.Rect({... , draggable: true });
layer.add(rect2);
kineticjs version: 5.1.0
My test devices are:
Windows 8.1 - Chrome, Firefox, IE - draggable shape works in all
iPad iOS6 - Safari - draggable shape works here as well
Android Kitkat - Chrome, Firefox, Stock browser - shapes couldn't be dragged
I created a group that would mask (clip). I then added draggable shapes inside the group. I found that those shapes inside the group with clip are not draggable in browsers in android. The draggable shapes outside the group that clips works fine in all devices.
Example code structure:
kineticjs version: 5.1.0
My test devices are: Windows 8.1 - Chrome, Firefox, IE - draggable shape works in all iPad iOS6 - Safari - draggable shape works here as well Android Kitkat - Chrome, Firefox, Stock browser - shapes couldn't be dragged
Does anyone know what is wrong here? Thanks.