Konva Layer Freezing on iOS devices (iPad, iPhone, etc.) #1843

Knifin · 2024-10-21T02:55:37Z

Major issue across all iOS devices.

When dragging any Node (group, image, etc.) and the context is pulled away, the layer the node is on becomes completely unresponsive. Clicking, dragging, and/or any interactions do not work as shown here:

Steps to Reproduce

Create any Node element that is draggable.
Drag the element near one of the edges which will pull up the bottom menu or out of the app.
The layer becomes frozen.

Alternative:

Create any Node element that is draggable.
While holding the element drag up with your other finger from the bottom.
The layer becomes frozen.

<html>
    <head>
        <title>Debug</title>
        <meta name="apple-mobile-web-app-capable" content="yes">
        <script src="https://unpkg.com/konva@9/konva.min.js"></script>
    </head>
    <body>
        <div id="app"></div>
        <script>
            const stage = new Konva.Stage({
	      x: 0, 
	      y: 0, 
              container: 'app',
	      width: screen.width,
	      height: screen.height
            });

            const layer = new Konva.Layer();
            
	    const rect = new Konva.Rect({
	      x: 0,
	      y: 0,
	      width: 50,
	      height: 80,
	      fill: 'red',
	      name: 'rect',
              draggable: true
            });

            layer.add(rect);
            stage.add(layer);
        </script>
    </body>
</html>

The text was updated successfully, but these errors were encountered:

lavrton closed this as completed in 5cdde09 Oct 21, 2024

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Konva Layer Freezing on iOS devices (iPad, iPhone, etc.) #1843

Konva Layer Freezing on iOS devices (iPad, iPhone, etc.) #1843

Knifin commented Oct 21, 2024 •

edited

Loading

Konva Layer Freezing on iOS devices (iPad, iPhone, etc.) #1843

Konva Layer Freezing on iOS devices (iPad, iPhone, etc.) #1843

Comments

Knifin commented Oct 21, 2024 • edited Loading

Knifin commented Oct 21, 2024 •

edited

Loading