The bottom of the scroll screen is cut off when the numeric keypad is displayed.
Asked 2 years ago, Updated 2 years ago, 36 viewsThank you all for your continuous support.
I looked for past questions, but I can't find them (or lack of effort), so please answer them.
We are creating an app that calculates the results of trigonometric functions.
HTML placement is
"Back to top"
Back to Menu
trigonometric figure
Various Inputs
Run Calculation Button
Calculation Results
(Until now, attached image 1)
The numeric keypad appears when you enter it.
However, it covers the text area, and you can't see where to type below.
(Attached image 2)
And if you stop displaying the numeric keypad, you will not be able to scroll.
(Attached image 3)
I can't see the length = that I was able to see in image 1.
What is the problem?
Please tell me the solution.
I'm sorry to bother you at such a busy time, but I appreciate your cooperation.
1 Answers
It's an Android problem
iOS will pull you up, but
You can't pull the input up on Android, can you?
If you want to work with it, get the event with onfocus and onblur and
I think you can scroll through the text box that you are typing only Android and manually raise it up.
However, you cannot scroll beyond the HTML document size, so
If the remaining amount of scrolling falls below the screen size, I think you need to temporarily increase the HTML size.
Also, CSS can handle it,
You may want to move the target to the top of the screen for a moment with position:fixed.
If you have any answers or tips
© 2024 OneMinuteCode. All rights reserved.