I placed an HTML5 canvas in the right pane of the splitscreen. This worked fine in a normal safari browser on Windows (mouse events) but on a real iPad the canvas doesn't get the touch events as expected. The touch events linked to the canvas only seem to be triggered when you touch where the canvas WOULD have been if the screen wasn't split, although the canvas itself is postioned correctly in the right pane. Everything is offset.
If the Canvas is in the left pane, all seems fine and it is also fine if I turn off splitview - but that kind of defeats the object of the exercise.
If I try to put the canvas in the left pane and use position: absolute to show it into the right pain area - the right pane overlays it - even with a high z-index.
NickWallbridge
commented
12 years ago
I placed an HTML5 canvas in the right pane of the splitscreen. This worked fine in a normal safari browser on Windows (mouse events) but on a real iPad the canvas doesn't get the touch events as expected. The touch events linked to the canvas only seem to be triggered when you touch where the canvas WOULD have been if the screen wasn't split, although the canvas itself is postioned correctly in the right pane. Everything is offset.
If the Canvas is in the left pane, all seems fine and it is also fine if I turn off splitview - but that kind of defeats the object of the exercise.
If I try to put the canvas in the left pane and use position: absolute to show it into the right pain area - the right pane overlays it - even with a high z-index.
I have put a demo of the core problem at http://eventingedge.com/mobile/IVSPoc/split.html
Help!