सफारी में अजीब समस्या: इनपुट क्षेत्र से पाठ का चयन नहीं कर सकता - सीएसएस, सफारी, गूगल-क्रोम

मेरे पास एक वेब एप्लिकेशन है जहां उपयोगकर्ता अपनी प्रोफाइल जानकारी संपादित कर सकते हैं। यह मौजूदा मान वाले इनपुट फ़ील्ड वाले सामान्य वेब फ़ॉर्म के रूप में प्रस्तुत किया जाता है:

<form action="<snipped>" method="post" accept-charset="utf-8" id="frmEditUser">

<fieldset>

<p>
<label for="username">Username</label>
<input type="text" name="username" id="username" value="<?= $uname ?>" size="30" title="must be unique" size="30" />
<label for="username" generated="true" class="error">*<?= form_error("username"); ?></label>
</p>

</fieldset>
</form>

अधिक फ़ील्ड हैं, लेकिन यह सरलीकृत मार्कअप हैदिखाता है कि मैं सामान्य से कुछ भी नहीं कर रहा हूं। सफारी और क्रोम (विंडोज 7 पर) दोनों में इन क्षेत्रों में मौजूदा मानों का चयन करने का प्रयास करते समय मुझे कुछ अजीब व्यवहार मिल रहा है:

जब मैं बाएं से दाएं से चुनता हूं, तो चयनित टेक्स्ट अपेक्षित के रूप में हाइलाइट किया जाता है। जब मैं अपने कर्सर को मैदान के अंत में रखता हूं और दाएं से बाएं से चुनता हूं, माउस बटन को छोड़कर चयन पूर्ववत हो जाता है और कर्सर फिर से मैदान के अंत में बैठता है

यह समस्या सभी इनपुट फ़ील्ड पर होती है औरमेरे आवेदन के textareas, लेकिन केवल सफारी और क्रोम में। मैंने सोचा कि यह जावास्क्रिप्ट समस्या हो सकती है, लेकिन सभी जावास्क्रिप्ट को अक्षम करते समय समस्या बनी रहती है। सभी सीएसएस को अक्षम करने से समस्या दूर हो जाती है।

तो समस्या मेरे सीएसएस में है। मैंने उन सभी सीएसएस नियमों को अक्षम कर दिया है जिनके पास फॉर्म या फॉर्म तत्वों के साथ कुछ भी करना है, लेकिन समस्या अभी भी बनी हुई है।

मैं उम्मीद कर रहा था कि इस अजीब मौका है कि किसी और को एक ही समस्या का सामना करना पड़ा?

अद्यतन: समस्या और भी बढ़िया है।ऐसा लगता है कि अगर मैं दाएं से बाएं से चुनता हूं और बाएं किनारे पर फ़ील्ड से बाहर निकलने की इस प्रक्रिया में होता हूं। बाहर क्लिक करने के रूप में बाहर निकलें, चयन के लिए माउस बटन को पकड़ते हुए इसके बाहर होवरिंग के रूप में बाहर निकलें।

अद्यतन II: मैंने इस मुद्दे की जड़ खोज ली।ऐसा तब होता है जब दाएं से बाएं से चयन किया जाता है और इस चयन प्रक्रिया में फॉर्म तत्व से बाहर निकलें, फ़ील्ड नहीं। मैंने फॉर्म तत्व के चारों ओर एक लाल सीमा जोड़ा। जैसे ही मैं इसे बाईं तरफ से बाहर निकलता हूं, मैंने जो चयन किया है वह खत्म हो गया है। यदि मैं बाईं ओर फॉर्म तत्व में पैडिंग जोड़ता हूं, तो यह दिखाता है कि चयन तब तक बना रहता है जब तक मैं फॉर्म तत्व के अंदर रहता हूं।

अभी भी एक विचित्र मुद्दा जिसे मैं हल करना चाहता हूं :(

उत्तर:

उत्तर № 1 के लिए 1

मैंने आपका प्रश्न पढ़ा और मेरी साइट की जांच करने का फैसला कियाक्रोम में और एक ही मुद्दा मिला। मेरी साइट www.futurekode.com पर जाएं और संपर्क फ़ॉर्म पर जाएं और अपना नाम और ईमेल दर्ज करें और टेक्स्ट का चयन करने का प्रयास करें।

मेरा, यह केवल दूसरे इनपुट फ़ील्ड (ईमेल एक) के साथ होता है, न कि टेक्स्टरेरा।

मैंने पाया कि प्रदर्शन जोड़ना: इनपुट फ़ील्ड में ब्लॉक इसे क्रोम में ठीक करता है लेकिन सफारी नहीं: /

बहुत अजीब


संबंधित सवाल
सबसे लोकप्रिय