एंड्रॉइड 4-केवल स्टॉक ब्राउज़र इनपुट टेक्स्ट के साथ अजीब व्यवहार

Question

पता नहीं है कि किसी ने पहले से ही यह बग देखा है। ध्यान दें कि यह केवल एंड्रॉइड 4.x स्टॉक ब्राउज़र के साथ होता है। यह & 7, प्लेबुक, ...

http://www.hello-gurus.com/labs/sandbox/plain-form.html पर देखो यह सिम्युलेटर में ठीक काम करता है (http://cl.ly/image/1z3G1T2y2p2c देखें) एंड्रॉयड 4, पिछले संस्करणों पर शेयर ब्राउज़र, आईओएस, ब्लैकबेरी OS6 पर क्रोम के साथ सफलतापूर्वक परीक्षण किया गया है लेकिन पूरी तरह से चला जाता है नवीनतम गैलेक्सीटाग पर गलत (देखें http://cl.ly/image/1O123A3d0y3q)

सामान्य व्यवहार दाईं ओर पाठ होना चाहिए। बाईं ओर एक पैडिंग टेक्स्ट को लेबल के साथ ओवरलैप करने के लिए रखता है। इनपुट 100% चौड़ाई है इसलिए सक्रिय क्षेत्र पूरी चौड़ाई पर है। इस तरह यह हर दूसरे ब्राउज़र पर काम करता है, जहां एंड्रॉइड स्टॉक केवल फोकस पर बाईं ओर संरेखित करता है! इसके अलावा, यह गायब हो जाता है भले ही इनपुट में पारदर्शी पृष्ठभूमि हो: एस इससे भी बदतर, कभी-कभी इसका मूल्य धुंध x_X

पर खाली हो जाता है यह मुझे पागल हो रहा है! कोई समाधान या कुछ भी मैं कोशिश कर सकता हूँ?

बहुत बहुत धन्यवाद!

Answer 1

यह काफी विषम है। क्या आपने अपना सीएसएस समायोजित करने की कोशिश की है? वही वांछित लेआउट प्राप्त करना संभव है लेकिन एक अलग दृष्टिकोण के साथ।

उदाहरण:

अपने लेबल के लिए

:

• निकालें - position:absolute;
• ऐड - display:inline-block;
• परिवर्तन - width:25%;

आपके इनपुट के लिए

:

• परिवर्तन - width:70%;

मैं सेटअप कुछ इसी तरह (स्थैतिक सामग्री) और यह मेरे लिए काम कर रहा है।

Answer 2

मुझे एक ऐसी ही समस्या का सामना करना पड़ा जहां एक इनपुट क्षेत्र पर ध्यान केंद्रित करने पर एंड्रॉइड डिवाइस पर एक भूत क्षेत्र दिखाई देगा। इनपुट फ़ील्ड के लिए इस सीएसएस ने मेरी समस्या हल की:

input[type='text'] { -webkit-user-modify: read-write-plaintext-only; } 

यह प्रयास करने योग्य सार्थक हो सकता है।