javascript - when iOS keyboard close button stays up on the web -
i have app login page , form. guess of know layout of page might change or not fit form when keyboard opens. added special css page when input focused , keyboard opens.
normally can see on picture button aligned bottom using margins, when keyboard opens add class container change layout of page , button aligned form , margin top 0, when keyboard closes on android , computer layout return it's normal form but, on ios reason seems button doesn't aligned bottom again aligned invisible.
does know how can fix reflection problem? painting describing problem
button.loginbtn{ //normal state css -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; margin: auto 0 2.5em 0; background: transparent; border: 2px solid #e8e8ea; border-radius: 50px; font-size: 142.85%; opacity: 1; width: 82%; min-height: 45px; padding: 1em 0; } .loginbtn{ //when keyboard open margin-top: 0; }
Comments
Post a Comment