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