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">
<
div
class
=
"frameContainer"
>
<iframe src="pageWithLardeContent.aspx"></iframe>
iframe
src
"pageWithLardeContent.aspx"
></
</div>
</
2. Make the div element small
.frameContainer {
position: absolute;
position
:
absolute
;
top: 50px;
top
50px
left: 50px;
left
height: 400px;
height
400px
right: 50px;
right
border: 1px solid red;
border
1px
solid
red
overflow: auto;
overflow
auto
}
3. Create another page that has large content and includes a button like the one below:
.Button {
background: url(someImage.png) blue;
background
url
(someImage.png) blue;
<input type="button" class="Button" value="Button" onclick="click()" />
input
type
"button"
"Button"
value
onclick
"click()"
/>
Include the following click event handler as well.
function click() {
function
click() {
alert('Button Clicked');
alert(
'Button Clicked'
);
as it says are these not steps to reproduce the issue rather than a solution?