The dom element is out of order after the ios keyboard of the vue project pops up.

as the title shows, in ios, if it is a form page, the keyboard will stretch the page (using fixed) after it pops up, and the user can see the content covered by the keyboard. Originally, this experience is very good, but after testing, it is found that after filling out the form, the keyboard is put away, and then the elements of the page return to their original position. At this time, you can"t click the action button of the page. I thought it was click, but this is not the case after investigation. Later, I found that when I looked at the page, the element did return to its original position, but when I opened the developer"s tool to view the dom element, I found that the actual location of the element still remained in the position where the keyboard popped up before, which may not describe the meaning of some words. I suggest you cooperate with the following illustration. Please take a look at this problem. Where have I stepped on mines?

Note: Android does not have this problem, the keyboard will not stretch the interface after popping up;

1. This is the beginning of the page to check the status of the page with developer tools:

clipboard.png

2:

clipboard.png

3:

clipboard.png

4:

clipboard.png
5absolute:

clipboard.png

Feb.18,2022
Menu