+ Start a Discussion

UI issue for iOS device

I am facing a problem related to UI on iOS device, there is custom Visualforce page for live agent chat and it is mobile responsive, I want when keyboard of mobile or tablet popsup, viewport of chat area to be adjusted or decrease accordingly.

I tried to use media query ( with condition like: @media all and (max-height: 450px) height to be reduced) and its works fine for "android devices" however for iOS device screen just scrolled up and thus top chat log not visible until user scrolls up. Is there any work around that screen size decreases when keyboard popsup for iOS devices ?
Has anyone else ever run into this problem?

Any thoughts?