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


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


      • 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>
      <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>
      <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>
      <script type="text/javascript" src="cordova.js"></script>
      <script type="text/javascript" src="js/index.js"></script>
      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() {
      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);


        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



            • Assignee:
              surajpindoria Suraj Pindoria
              suntorytime81 Steven Santa Maria


              • Created:

                Issue deployment