How to avoid overlapping of view bottom bar with soft keyboard in Fiori application?

[former_member187188]

Hi Experts,

In my application there is multiple input fields through which user can edit the data .When i run the application on i phone at the bottom of the page there is one bar which was overlapped when user try to edit the fields because of the popping of the soft keyboard.

I tried something but its not working .I am calling below method on live change of input fields.

I am trying to push the view up when soft keyboard will open.

KeypadOpen : function()

{

document.addEventListener('keyup', function(event) {

if (event.code != “undefined ” || event.code != null ) {

f(sap.ui.Device.system.phone && sap.ui.Device.os.name==="iOS" && sap.ui.Device.orientation.potrait){

sap.ui.getCore().byId("oBar").addStyleClass("bottom-padding:44px");

}

});

Kindly suggest me some solutions.

Best Regards,
Abhishek

[former_member227918]

didn't face this kind of scenario but you can modify your code as below and check.

in css file:
.paddingcss{
bottom-padding:44px;
}

and,
sap.ui.getCore().byId("oBar").addStyleClass("paddingcss");