CODEWITHSUNDEEP
androidhtmlioscsscordova
Flummox uses codidact.com
Flummox uses codidact.com

Reputation: 2189

Cordova: Difference in layout: no margin-bottom in iOs

I am working on a multi Os app with Cordova / Intel XDK. The user needs to be able to input something at some points. On Android all is well, but on iOs not so much. See images. Both of them are scrolled down as much as possible.

On Android 5.1, Sony Z1 On Android 5.1, Sony Z1

On iOs, iPhone 4s On iOs, iPhone 4s

The way I was hoping to solve this it to give the div with the input-field a margin-bottom: 80px; and that works like a charm on Android. IOs just does not seem to use it. Other iPhones are used, and have the same problem.

The navigation buttons are in a div that uses position: fixed; bottom: 0;

Is there a (nice and clean) way around this?

Upvotes: 1

Views: 839

Answers (1)

Flummox uses codidact.com
Flummox uses codidact.com

Reputation: 2189

After some more searching this seems to be an older problem. Solved it by using padding-bottom, that did the trick this time, as it is possible with my layout.

This answer helped me along.

Upvotes: 1

Related Questions