स्विच प्रपत्र इनपुट एनीमेशन मोबाइल सफारी

Question

जब मोबाइल सफारी पर फ़ॉर्म इनपुट के बीच स्विच करने में अजीब उछल, कर्सर नीचे एनिमेट होने और एक अजीब तरीके से बाउंस (आप तीर बटन का उपयोग कर रहे हैं, या बस प्रपत्र पर क्लिक करके या नहीं)

Here is a link to a video of the jumping in action

Answer 1

मेरा अनुमान है कि यह QuickType बार है कि स्क्रीन कीबोर्ड का आकार बदलने के ... आपके इनपुट के लिए इस जोड़ने की कोशिश के कारण है है।

<input autoCapitalize="off" autoComplete="off" autoCorrect="off" ... /> 

Answer 2

नरम कुंजीपटल, स्क्रीन की ऊंचाई में परिवर्तन, क्योंकि जब आप User ID भविष्य कहनेवाला फ़ील्ड दिखाई जाती हैं प्रवेश, इसके विपरीत वे छिपे हुए हैं जब आप Password दर्ज - क्योंकि पासवर्ड कोई सुझाव नहीं है। नीचे करने के लिए गठबंधन शेष - -

आप इसलिए जब व्यूपोर्ट परिवर्तन के आकार, कंटेनर ऊपर स्लाइड नीचे करने के लिए लॉग इन फलक के कंटेनर संरेखित करने के लिए की जरूरत है, और वहाँ कोई उछाल प्रभाव है।

रूप css कुछ में:

.container{ 
    position: absolute: 
    bottom: 0; 
}