assif_tiger wrote:
Anastasios Thomaidis wrote:
Hello!
We are facing a strange (but known) issue. In a screen of our app, we have an iframe, which loads a webpage with an iframe inside of it. In that frame there is a text input.
We run into the following problem: After tapping on the text input and the cursor appears, if the user scrolls up or down, the cursor remains in the same place while the rest move up or down. Apart from that, the focus is not on the input any more, so even though the keyboard is visible nothing happens when you try to write something. You need to tap on "Done", close the keyboard and then tap again on the input to put it on focus.
( I also tried the following. Added a simple form with two text input fields and both inputs seem to work fine.)
There are several articles in stack overflow and other forums about this problem and they mention it is a safari / iOS problem.
(https://stackoverflow.com/questions/52826005/workaround-for-ios-10-12-webkit-safari-chrome-iframe-focus-bug)
(https://www.igorkromin.net/index.php/2016/05/20/mobile-safari-scrolling-problem-with-an-input-field-inside-a-fixed-div/)
(https://github.com/impress-org/give/issues/2239) and many more.
The problem occurs only within the app. If open the page (the one loaded in the iframe) on safari everything runs smooth and no problem occurs.
Have any of you run into such a problem? Any suggestions?
Hi,
Might be out-of-box but just to have a try,
can you try our below Component with same:
https://www.outsystems.com/forge/component-overview/5311/safari-view-and-custom-chrome-tab
Perhaps I too have faced the same, but I need to search kinda the implement I did for it.
Hope it helps,
Assif
Thank you Assif we will try it and get back to you!