Quantcast
Channel: OutSystems Community
Viewing all articles
Browse latest Browse all 1476385

[Forums] Keyboard hides input field on iPhone device

$
0
0

Hi Pankaj pant,

Anyhow I managed to figure out this issue with javascript till outsystems resolve this.

Initial CSS for input container:

.inputContainerInitial{
    background-color: #fff;
    position: relative;
    width: 100%;
    bottom: 0px;
}

onFocus event update the initial CSS with javascript
InputPositionUpdate Javascript:

var chatContainer = document.getElementsByClassName('inputContainerInitial');
chatContainer[0].style.position = "absolute";
chatContainer[0].style.bottom = (window.innerHeight) - (document.body.scrollTop) + "px";

onBlur event again set initial CSS with javascript
InputPositionIntial Javascript: 

var chatContainer = document.getElementsByClassName('inputContainerInitial');
chatContainer[0].style.position = "relative";
chatContainer[0].style.bottom = "0px";

I used the same call for onFocus and onBlur action.
In my case, having an issue only for iOS, for that I used client action GetPlatform. And input boolean 'result' for action triggered [focus/blur].

Hope this helps!
Thanks


Viewing all articles
Browse latest Browse all 1476385

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>