726
Views
5
Comments
Mobile App - Textboxes are moving up when keyboard is opened
Question

Hello,

When I click on textbox to enter email, they move up upward.

I want that screen shouldn't be moved up when keyboard is opened.

Can someone please check code from attached oml and advice what I am doing wrong. Code is in Login screen.

Thanks.

ICH_V1.oml
2020-09-15 13-07-23
Kilian Hekhuis
 
MVP

Hi Delfers,

When you click in an input box, the mobile OS shows the keyboard and moves the input box to a location such that it is not covered by the keyboard. Why wouldn't you want that? What exactly is being moved up?

2018-07-24 08-56-45
Mohit Aggarwal

Kilian Hekhuis wrote:

Hi Delfers,

When you click in an input box, the mobile OS shows the keyboard and moves the input box to a location such that it is not covered by the keyboard. Why wouldn't you want that? What exactly is being moved up?


Hello Kilian,

In my case the search box is getting disappered because it is on the upper part of the screen.Is there any way to stop the screen to scroll up on clicking inputbox?

2019-01-21 13-11-00
Rafaela Santos de Paula

I had a similar situation in my application. I solved it using a very archaic method: I put every element in a different container and a container which enclosed them all. Then, I add a CSS style to the outer container with 

{

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

}


In each element I added a CSS style with position: relative; and used top, bottom, left and right to put it in the right position. Is not the best way of doing it, but it has solved my problem!


Regards,

Rafaela

2021-01-12 14-29-49
Prajakta Roshankhede

I am also having the same problem whenever keyboard open bottom bar's position changes I don't want this behavior. I want to hide it under keyboard. Please do let me know if anybody having solution.

UserImage.jpg
Marc Ghosn

Hi! I know it's been a long time but do you remember the solution for this issue?

Thx!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.