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

Cannot click on page after typing in inappbrowser in ios

VotersWatch issueWatchersLinkUpdate Comment AuthorReplace String in CommentUpdate Comment VisibilityDelete Comments
    XMLWordPrintableJSON

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Duplicate
    • Affects Version/s: None
    • Fix Version/s: None
    • Component/s: cordova-ios
    • Labels:
      None
    • Environment:

      Description

      • after opening the iab inappbrowser, typing into a text bar, then closing the window (click 'done'), button or link elements on the page that the app returns to are not clickable
      • the issue occurs after the app is built using latest ios build
      • the issue occurs most times not every time
      • see `cordova-test-app.zip` for app that was being used to test
      // index.html
      <!DOCTYPE html>
      <html>
      <head>
      <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *; img-src 'self' data: content:;">
      <meta name="format-detection" content="telephone=no">
      <meta name="msapplication-tap-highlight" content="no">
      <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
      <link rel="stylesheet" type="text/css" href="css/index.css">
      <title>Hello World</title>
      </head>
      <body>
      <div class="app">
      <h1>Apache Cordova</h1>
      <div id="deviceready" class="blink">
      <p class="event listening">Connecting to Device</p>
      <p class="event received">Device is Ready</p>
      <button id='connect'>Click here to launch</button>
      <a href="http://www.google.com">A Google link for testing</a>
      </div>
      </div>
      <script type="text/javascript" src="cordova.js"></script>
      <script type="text/javascript" src="js/index.js"></script>
      </body>
      </html>
      
      //index.js
      var app = {
      // Application Constructor
      initialize: function() {
      document.addEventListener('deviceready', this.onDeviceReady.bind(this), false);
      },
      
      // deviceready Event Handler
      //
      // Bind any cordova events here. Common events are:
      // 'pause', 'resume', etc.
      onDeviceReady: function() {
      this.receivedEvent('deviceready');
      window.open = cordova.InAppBrowser.open;
      document.getElementById("connect").addEventListener("click", this.connectBrowser)
      },
      
      connectBrowser: function () {
      var url = 'http://www.google.com';
      var ref = window.open(url, '_blank', 'toolbar=yes, location=no');
      },
      
      // Update DOM on a Received Event
      receivedEvent: function(id) {
      var parentElement = document.getElementById(id);
      var listeningElement = parentElement.querySelector('.listening');
      var receivedElement = parentElement.querySelector('.received');
      
      listeningElement.setAttribute('style', 'display:none;');
      receivedElement.setAttribute('style', 'display:block;');
      
      console.log('Received Event: ' + id);
      }
      };
      
      app.initialize();

        Attachments

        1. 1.png
          168 kB
          Steven Santa Maria
        2. 2.png
          65 kB
          Steven Santa Maria
        3. 3.png
          100 kB
          Steven Santa Maria
        4. 4.png
          145 kB
          Steven Santa Maria
        5. cordova-test-app.zip
          32.91 MB
          Steven Santa Maria

        Issue Links

          Activity

            People

            • Assignee:
              surajpindoria Suraj Pindoria
              Reporter:
              suntorytime81 Steven Santa Maria

              Dates

              • Created:
                Updated:
                Resolved:

                Issue deployment