Problem Description
When embedding within an iframe on ios 7 the touch behaviour doesn't work as expected when the iframe is positioned further down the page using padding, margin or absolute positioning.
Using this exact same method worked fine when using a previous versio (157 i think) so it may be a version issue. that original game I created still works now so I'm fairly sure it's a Construct bug rather than a general ios issue.
Attach a Capx
https://www.dropbox.com/sh/04i7i4f21l3wovv/aM2FBAzhfg
Description of Capx
I have created a capx and include a link to the exported project that is a simple two layout touch test. Touching anywhere within the iframe should change the text to touch, clicking on the enter sprite should take you to the second layout. This works fine via Mouse and on android touch. On chrome and safari and ios it doesn't, the touch fails to fire further down the screen (byt the amount the iframe has been moved by). I've tried using absolute positioning, margin, and padding to no avail. I've included index.htm in the export folder to show how i have used the iframe.
Steps to Reproduce Bug
- export a touch enabled project
- place the project within an iframe (see index.htm)
- open in ios and you'll see that the iframes shows correctly but touch events don't fire towards the bottom of the iframe (byt the amount of pc the iframe has been moved down the page by)
Expected Result
Touch event should fire over the entire iframe / construct project
Affected Browsers
- Chrome: (YES on IOS)
- Safari: (YES on IOS)
- FireFox: (NO)
- Internet Explorer: (NO)
Operating System and Service Pack
Win 8.1
Construct 2 Version ID
164.2