मीडिया प्रश्नों का उपयोग करते समय एंड्रॉइड कीबोर्ड नहीं खुलता है

मेरे पास एक मोबाइल साइट है जिसमें नीचे एक खोज बॉक्स शामिल है। मैं पोर्ट्रेट मोड में सामग्री छिपाने और इसे लैंडस्केप मोड में प्रदर्शित करने के लिए मीडिया प्रश्नों का भी उपयोग करता हूं।मीडिया प्रश्नों का उपयोग करते समय एंड्रॉइड कीबोर्ड नहीं खुलता है

हालांकि एंड्रॉइड डिवाइस में जब मैं खोज क्षेत्र पर क्लिक करता हूं कीबोर्ड खुलता है तो तुरंत बंद कर देता है, जिससे बॉक्स में टाइप करना असंभव हो जाता है।

यह आईओएस में कोई समस्या नहीं है।

पेज यहाँ देखा जा सकता है - http://so.ajcw.com/android-keyboard.htm और यहाँ पूरे पृष्ठ का कोड है:

<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.2//EN" "http://www.openmobilealliance.org/tech/DTD/xhtml-mobile12.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 
<head> 
    <meta http-equiv="Content-type" content="text/html; charset=UTF-8"> 
    <title>Erroring search field</title> 

    <style>  
    .address { display: none; } 

    @media only screen and (orientation: landscape) { 
     .address { display: block; } 
    } 
    </style> 

</head><body> 

<h3>Venue 1</h3> 
<p>Cuisine</p> 
<p>Price</p> 
<p>Rating</p> 
<p class="address">Address</p> 

<h3>Venue 2</h3> 
<p>Cuisine</p> 
<p>Price</p> 
<p>Rating</p> 
<p class="address">Address</p> 

<form><input type="text"></form> 

</body></html>

बात की मैं

आज़माया है, तो मैं केवल एक स्थल या अगर मैं है पृष्ठ को समस्या को दूर ले जाएं, यह समस्या दूर हो जाती है (यह समाधान नहीं है, केवल एक अवलोकन)।
मैं DOCTYPE को बदलने की कोशिश की है - एक एचटीएमएल 5 doctype थोड़ा कि में कार्यक्षमता में परिवर्तन कुंजीपटल दूसरा क्लिक करने के बाद रहता है, लेकिन फिर से यह समस्या ठीक नहीं होती।

* संपादित *

यह ब्राउज़र विशिष्ट होना प्रतीत होता है। एक पुराने एंड्रॉइड फोन में समस्या नहीं है, न ही ऐसा लगता है कि मेरे एंड्रॉइड (एचटीसी डिजायर) डिफ़ॉल्ट ब्राउज़र है, लेकिन यह डॉल्फिन एचडी में होता है।

स्रोत

2011-09-22 ajcw

यह मेरे मोटोरोला ट्राइम्फ पर होता है। –

Adam's research मुद्दा उन्मुखीकरण का उपयोग कर से बचने के द्वारा हल किया जाता है का उपयोग करते थे। समाधान है कि मेरे लिए काम करता this CSS3 'boilerplate' से लिया जाता है, और मिनट का उपयोग करता है और अधिकतम इसलिए की तरह चौड़ाई:

@media only screen and (max-width: 320px) { 
    .address { display: none; } 
} 

@media only screen and (min-width: 321px) { 
    .address { display: block; } 
}

यह यहाँ कार्रवाई में देखा जा सकता - http://so.ajcw.com/android-keyboard-solved.htm (http://goo.gl/nNIm9)

हालांकि इस समाधान के रूप में आदर्श नहीं है अंततः डिवाइस संकल्प बदलने के रूप में निश्चित आयामों का उपयोग अंततः टूट जाएगा।

स्रोत

2011-10-10 09:29:18 ajcw

यह कोई समाधान नहीं है, लेकिन मुझे लगता है कि थोड़ा सा विचार है। जब मैंने फ्लोट जोड़ा: बाएं और स्थिति: सापेक्ष मुझे दस्तावेज़ का चयन करते समय वर्णित व्यवहार मिलता है। दूसरे क्लिक पर जब कीबोर्ड दिखाता है कि लैंडस्केप आइटम भी दिखाए जाते हैं। अभिविन्यास में एक हिचकी की तरह लगता है: एंड्रॉइड के लिए परिदृश्य।

.address {display:none} 

@media only screen and (orientation: landscape) { 
    .address {color:red;display:block;float:left;position:relative} 
}

इन दिनों स्क्रीन आकारों में विशाल अंतर को देखते हुए। मैं उन्मुखीकरण का उपयोग करने से दूर जाने का सुझाव देता हूं और इसके बजाय अधिकतम और न्यूनतम चौड़ाई का उपयोग करता हूं।

अद्यतन: ठीक है मुझे लगता है कि मैंने पुष्टि की है कि एंड्रॉइड ब्राउज़र में कम से कम मेरे मोटोरोला ट्राइम्फ पर, अभिविन्यास: परिदृश्य पूरी तरह से समर्थित नहीं है। मैं निम्नलिखित और पोर्ट्रेट दृश्य में पाठ बॉक्स परिदृश्य शैलियों प्रदर्शित करने के लिए शुरू हो रहा पर क्लिक ...

@media only screen and (orientation: landscape) { 
    BODY {background:pink} 
}

स्रोत

2011-10-03 19:09:23

मेरा सबसे अच्छा अनुमान यह है कि एंड्रॉइड ब्राउज़र सोचता है कि ऑनस्क्रीन कीबोर्ड खुला होने पर यह किसी भी कारण से लैंडस्केप मोड में है। –

धन्यवाद एडम - आपका अनुमान है कि अभिविन्यास: परिदृश्य पूरी तरह समर्थित नहीं है मुझे एक और समाधान खोजने के लिए नेतृत्व करें। – ajcw

मीडिया प्रश्नों का उपयोग करते समय एंड्रॉइड कीबोर्ड नहीं खुलता है

उत्तर

संबंधित मुद्दे