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

Phone Info:

$ ionic -v
$ cordova -v
$ node -v

jeremy.wilken (208) [Avatar] Offline
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?

344840 (10) [Avatar] Offline
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
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.

344840 (10) [Avatar] Offline
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
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.