Android 4.4.3 and phonegap not working properly


#1

Today I received a device nexus 5 (v4.4.3)
And I checked my app and it just did not work properly, sometimes ng-click and ng-href works and sometimes not
I work with Ionic v1.0.0-beta.1 and phonegap build 3.4.0

Thank you!


#2

Can you try your app with the newest release? Either beta 7 or the nightly builds?


#3

In the new version I get an error

Uncaught object ionic.bundle.js:9069
(anonymous function) ionic.bundle.js:9069
(anonymous function) ionic.bundle.js:12830
forEach ionic.bundle.js:9311
loadModules ionic.bundle.js:12796
createInjector ionic.bundle.js:12736
doBootstrap ionic.bundle.js:10397
bootstrap ionic.bundle.js:10412
angularInit ionic.bundle.js:10325
(anonymous function) ionic.bundle.js:30660
j jquery-1.11.0.min.js:2
k.fireWith jquery-1.11.0.min.js:2
n.extend.ready jquery-1.11.0.min.js:2
K jquery-1.11.0.min.js:2

#4

I’m the only one with this problem?


#5

Could you post your external javascript libs and their include order ?

Thanks.


#6

I am using a Nexus 4 with 4.4.3 too and no such problem (cordova 3.4.0-0.1.3 and Ionic beta6).


#7

It’s a very big project to post here the code
I do include to 27 js files in the page index


#8

@kfir i ment external libraries like jquery or ionic…


#9

Sorry it’s 29 files
There may be 2-3 files that contain little jquery

<script src="js/jquery-1.11.0.min.js"></script>
<script type='application/javascript' src='js/auto-text-direction.js'></script>
<script src="lib/js/ionic.bundle.js"></script>
<script src="lib/js/angular/angular-resource.js"></script>
<script src="lib/js/angular/angular-touch.js"></script>
<script src="js/ngStorage.min.js"></script>
<script src="js/jquery.simulate.js"></script>
<script src="js/lazy.js"></script>
<script src="js/date.js"></script>
<script src="js/autocomplete.js"></script>
<script src="js/autocompleteMap.js"></script>
<script src="js/bindonce.min.js"></script>
<script src="js/autosize.js"></script>
<script src="js/moment-with-langs.min.js"></script>

<!-- cordova facebook plugin -->
<script src="cdv-plugin-fb-connect.js"></script>
<!-- facebook js sdk -->
<script src="facebook-js-sdk.js"></script>

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>

<script src='js/map/underscore-min.js'></script>
<script src='js/map/angular-google-maps.min.js'></script>

<!-- cordova script (this will be a 404 during development) -->
<script src="cordova.js"></script>
<script src="js/angular-translate.min.js"></script>

<!-- translations -->
<script src="lang/en.js"></script>
<script src="lang/iw.js"></script>

<!-- your app's script -->
<script src="js/app.js"></script>
<script src="js/controllers.js"></script>
<script src="js/directive.js"></script>
<script src="js/filters.js"></script>
<script src="js/quick-ng-repeat.js"></script>
<script type='application/javascript' src='js/fastclick.js'></script>

#10

I think it has something to do with your jquery.

Could you remove all external libs and check if the error occurs again?
In special: jquery, jquery.simulate

Greets, bengtler


#11

I now checks and removes


#12

I removed everything related to jquery and still I get this error


#13

It is really difficult to solve what you have with the details you have given.
I would suggest you to try with another release of ionic bundle or may be use a new build.


#14

Okay I was able to upgrade to the new version
I have several problems
1 I get this error:

Cannot call modal.show () after remove (). Please create a new modal instance using $ ionicModal. 

2 Has-header = "true" does not work for me, the content starts below the header


#15

has-header has no effect anymore. there are only the classes “has-header, has-footer”.
But if your css and domstructure is correct… ionic calculates the start of the content correctly.

And your first point. If you remove (DESTROY) a modal intsance you can not show it again.
Use modal.hide() if you want to close a modal and be able to reopen it again.

Greets, bengtler.


#16

Okay thanks,
I have two problems
1: the chrome version is correct but once I bring it up to phonegap display changes

2: The text exceeds the back button in modal


#17

Could you please fix your third image?

I think this has nothing to do with phonegap… and if you use an android 4.4.3 the webview schould be also chrome (chromium).


#18

This is version 4.2.2, version 4.4.3 have not checked
And the problem with the second image? (There are only 2 images)


#19

@mhartington
I can reproduce the issue with the backbutton and long titles in footer and header.

Hmm the thread title is android 4.4.3 and you tested it on 4.2.2 ?

in 4.2.2 there is the stock android with a different rendering engine.


#20

My Android 4.2.2
A friend gave me his check Android app with version 4.4.3 so the ng-click and ng-href not working, probably this evening I will get it again and then check
And how to arrange the 4.2.2?
I did not understand about the title and button