Uploaded image for project: 'Apache Cordova'
  1. Apache Cordova
  2. CB-12875

iOS Magnifying glass is showing wrong content in iFrame

    XMLWordPrintableJSON

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>

      Attachments

        1. IMG_5792.jpg
          40 kB
          Thom Eijken
        2. IMG_5791.jpg
          57 kB
          Thom Eijken

        Issue Links

          Activity

            People

              Unassigned Unassigned
              thomeijken Thom Eijken
              Votes:
              1 Vote for this issue
              Watchers:
              7 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: