ericdrowell / KineticJS

KineticJS is an HTML5 Canvas JavaScript framework that extends the 2d context by enabling canvas interactivity for desktop and mobile applications.
http://www.kineticjs.com
3.98k stars 753 forks source link

kineticjs masked draggable objects not working in android #1062

Open vkshrestha opened 9 years ago

vkshrestha commented 9 years ago

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.

vkshrestha commented 9 years ago

it did not work in android lollipop browsers as well

pgrodrigues commented 9 years ago

Try to ask this question in KonvaJS github (KineticJS fork), maybe someone can help you there.