Buttons not working from inside Iframe on IOS
Application Type
Traditional Web
Service Studio Version
11.11.11 (Build 47088)

Hello,


when trying to embed an OutSystems page into an Iframe none of the buttons or links do anything on IOS, they work fine on android and on desktop but not on IOS.


I've done a bunch of research but cannot find a solution anywhere, some places mention it's because IOS does something to an iframe so it fits the page and prevents scrolling. some places mention it's to do with a mouse enter event or IOS interfering with click events in iframes.


and before you ask, yes it has to be displayed in an Iframe.


Thank you,

Luke

Hi,

You can take reference of this one.

Steps to reproduce the issue:

1. Create a div and place an iframe in it.

<div class="frameContainer">

    <iframe src="pageWithLardeContent.aspx"></iframe>

</div>


2. Make the div element small

.frameContainer {

    positionabsolute;

    top50px;

    left50px;

    height400px;

    right50px;

    border1px solid red;

    overflowauto;

}


3. Create another page that has large content and includes a button like the one below:

.Button {

    backgroundurl(someImage.png) blue;

}

 

<input type="button" class="Button" value="Button" onclick="click()" />


Include the following click event handler as well.

function click() {

    alert('Button Clicked');

as it says are these not steps to reproduce the issue rather than a solution?

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.