kineticjs masked draggable objects not working in android

[vkshrestha]

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

Does anyone know what is wrong here? Thanks.