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

Cannot click on page after typing in inappbrowser in ios

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Closed
    • Minor
    • Resolution: Duplicate
    • None
    • None
    • cordova-ios
    • None

    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. 2.png
          65 kB
          Steven Santa Maria
        2. 3.png
          100 kB
          Steven Santa Maria
        3. 4.png
          145 kB
          Steven Santa Maria
        4. 1.png
          168 kB
          Steven Santa Maria
        5. cordova-test-app.zip
          32.91 MB
          Steven Santa Maria

        Issue Links

          Activity

            People

              surajpindoria Suraj Pindoria
              suntorytime81 Steven Santa Maria
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved: