Details
-
Bug
-
Status: Closed
-
Minor
-
Resolution: Duplicate
-
None
-
None
-
None
-
ios build to iphone 8 plus platform, then use xcode simulator
// 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();
ios build to iphone 8 plus platform, then use xcode simulator // 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();
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
Attachments
Issue Links
- duplicates
-
CB-12922 [iOS] In-app browser does not cede control after actions on certain pages
- Closed