Details
-
Bug
-
Status: Resolved
-
Major
-
Resolution: Fixed
-
cordova@7.0.0
-
None
-
None
Description
Our app is opening certain third party web pages using the inAppbrowser and some of those pages (unfortunately) contain content in iFrames.
The issue occurs on iOS when you push and hold the screen to select text or use the magnifying glass to set the cursor in an input/textarea field. What happens is that the magnifying glass doesn't actually show the content within the iFrame, but it shows the content underneath the in-appbrowser (the page that launched the in-appbrowser).
I've created a very simple example to reproduce this. Just load test.html in the in-appbrowser and use the magnifying glass inside the iframe.
File: test.html
<html>
<body>
<iframe height="500" width="500" src="iframe.html" style="border:2px solid grey;"></iframe>
</body>
</html>
File: iframe.html
<html>
<body>
<p>vhutriwbhrobh jbiortjtboirtw j bjrowijb iorwtj boirjgwobj org brw jborjgiobj rojb org iob roi jboirtjwbiojrtowbj orjw bojrtobj rtj borjwiob jrwio biorw b</p>
<textarea rows="4" cols="50">vhreiuvhuierf hviu ehv oueh vo qv o</textarea>
</body>
</html>