After type words in the "input" tag, the whole UI frame go up, how to fix that?

Sites

Language

By Hex Chang

22 Jan 2018 18:54 English 3 Replies

Here is my code: https://github.com/Hexor/HexList

How to make the UI not move upward?

Thank you.

Edited by: Hex Chang on 22 Jan, 2018

Responses

3 Replies

Armaan-Ul- Islam

24 Jan 2018 05:27

I've experienced the same scenario while developing Tizen Wearable web app. The reason why the Tittle is moving towards upper portion off the screen, is to make space for the keyboard layout.

This moving up of title is handled somewhere is 'tau.css' I guess. What you can do is to write your own css code (that would override default css automatically) to make the position rigid for the title. This post on Stack Overflow shares a technique to detect keyboard layout appearance, Check this out, It May help.

https://stackoverflow.com/questions/28272274/how-to-detect-keyboard-show-hide-event-in-jquery-for-mobile-web-application