344840 (10) [Avatar] Offline
#1
Any hints why I have alignment issues like the shown in the image below?

Problem:
https://drive.google.com/file/d/0Bz9EAjPa_w23WDYyWm1GWnd6WVhwN3VIUGkxU1Utd2wwUUdV/view?usp=sharing
Phone Info:
https://drive.google.com/file/d/0Bz9EAjPa_w23UXhJS2FXVkNVWEpIM1RpeFRyV2JaVTlxTHdF/view?usp=sharing

Running:
$ ionic -v
1.4.3
$ cordova -v
4.2.0
$ node -v
v0.10.36

jeremy.wilken (208) [Avatar] Offline
#2
I just ran the finished example on an Android 4.1.1 emulator and don't have those display issues. Did you copy/type the code directly or use Git?

Jeremy
344840 (10) [Avatar] Offline
#3
I did use git.
I have tested with crosswalk
ionic browser add crosswalk
ionic build android

and the issue is gone!
what makes me believe the problem was the default webview installed on the phone.
I don't understand why it would work perfectly on the simulator. Maybe different webview?
jeremy.wilken (208) [Avatar] Offline
#4
I'm not sure, Android can be a little bit tricky depending on the phone manufacturer and what exactly is installed. Crosswalk is always a good option since it bundles a modern Chrome based WebView, and older Android Browsers are flaky. I'd recommend crosswalk for any Android releases.

Jeremy
344840 (10) [Avatar] Offline
#5
Oh Yeah.

Do you think it would be a good approach to devel testing on a device with Android 4.4 and when the job is done test with crosswalk on old device?
Unfortunately crosswalk builds are huge, although now there is crosswalk-lite as an alternative, but it does not seen to work right now with ionic.
jeremy.wilken (208) [Avatar] Offline
#6
That could work. I'd say it depends on what versions of Android you plan to support. Crosswalk is a way to normalize WebView environment, so as long as crosswalk is doing its job it should be fine on any version of Android that is supported.