Using iOS 15.0.2 Safari, when the on-screen keyboard is dismissed, the address bar can become minimized without updating the viewport height.
here is my code.
html
<body>
<div style={{ height: '100%', background: 'red' }}>
<div>
<input />
</div>
<div>
<input />
</div>
</div>
</body>
css
* {
box-sizing: border-box;
}
body,
html {
background-color: #435283;
height: 100%;
}
input {
font-size: 16px;
}
reappearance
- focus first input.
- focus second input.
- press 'done' on keyboard.
when i reappearance this flow the address bar was minimized. if i focus only one input, it does not.
does it possible prevent minimizing?
expacted behaivior.
- don`t minimize address bar.
here is sample video link. https://drive.google.com/file/d/1YGAsIEAjcEojOY-q8XZ4VEzKnDcVFBLd/view?usp=sharing