Touch input on ios (ipad) does not work

I’ve created a project using babylon, and it works fine on Android, Windows and Mac. But on IOS, at least on the ipad pro, the touch input does not work. I’ve already set touch-action to none, and the style of my canvas is :

#render-canvas {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
touch-action: none;
background-image: url("/images/background.png");
background-color: #fafafa;
background-size: cover;
background-position: center;
}

https://drive.google.com/open?id=1Ay06AWs6jAntsdt21h3XVZxS4q_I31vz => Screencap of the behaviour

Does any one knows what is going on?

did you make sure to import jQuery PEP? This is a required polyfill as Apple is not supporting Pointer events (Safari is the new IE6).

Also make sure to add touch-action=“none” on your canvas as well (as attribute)

1 Like

Thanks a lot. The PEP solved the issue.

2 Likes

Wonderful