jQuery animate() deselects text in Firefox -

यहां कोड है:

  $ ("# textyt: input")। फ़ोकस ( समारोह () {$ (यह) .मेट ({width: "545px"}, 500)। सीएसएस ("रंग", "# 614 ए 3 ई"); $ (यह)। चयन (); $ (यह) .mouseup समारोह (ई) {e.preventDefault ();});});  

अगर मैं एनिमेट प्रभाव को हटा लेता हूं, तो यह फोकस इवेंट टेक्स्ट चुनता है (जैसा मैं चाहता हूं)। एनीमेट असर के साथ, पाठ को ऐडस्क्रीन में हटा दिया जाता है जब एनीमेशन फ़ायरफ़ॉक्स में किया जाता है। यह सफारी में ठीक काम करता है जैसा कि है एनीमेशन एफएफ में खत्म होने पर पाठ को अभी भी चुना जाना सुनिश्चित करने का कोई तरीका क्या है? धन्यवाद!

प्रयोग करने का प्रयास करें:

  this.focus (); this.select (); एनीमेशन के बाद  

एनीमेशन पूर्ण होने के बाद यह टेक्स्ट चुन सकता है। चौड़ाई एनीमेशन गतिशील रूप से सीएसएस की चौड़ाई वाली संपत्ति को बदलकर काम करता है, और फ़ायरफ़ॉक्स में फोकस कम हो सकता है, लेकिन क्या एक बेहतर विचार हो सकता है कि कंटेनर तत्व की चौड़ाई को बदलना होगा, न कि वास्तविक टेक्स्टरेआ।

 < कोड> $ ("# पाठ: इनपुट:")। फ़ोकस (फ़ंक्शन () {$ (यह) .मेट ({width: "545px"}, 500, फ़ंक्शन () {this.focus (); this.select () ;})। सीएसएस ("रंग", "# 614 ए 3 ई"); $ (यह)। चयन (); $ (यह) .mouseup (फ़ंक्शन (e) {e.preventDefault ();});});