Skip to Content

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

Jun 06, 2017 at 11:06 AM


avatar image

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( &&"iOS" && sap.ui.Device.orientation.potrait){




Kindly suggest me some solutions.

Best Regards,

10 |10000 characters needed characters left characters exceeded
* Please Login or Register to Answer, Follow or Comment.

1 Answer

Akhilesh Upadhyay Jun 07, 2017 at 06:54 AM

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

in css file:


10 |10000 characters needed characters left characters exceeded