React-tags: टैग हटाने के बाद इनपुट पर ऑटोफोकस खोना

को निर्मित 6 मई 2020 · 10टिप्पणियाँ · स्रोत: i-like-robots/react-tags

अपेक्षित् व्यवहार

मैं एक टैग हटाने के बाद भी इनपुट पर ध्यान केंद्रित करने की उम्मीद कर रहा हूं

वर्तमान व्यवहार

मेरे द्वारा जोड़े गए टैग को हटाने के बाद इनपुट फोकस खो रहा है

प्रजनन के चरण

समस्या को पुन: उत्पन्न करने के लिए कदम:

एक देश टाइप करें
ड्रॉप डाउन से एक देश चुनें
देश को टैग से हटाओ
इनपुट ऑटो फोकस खो देता है

स्क्रीनशॉट

आपका वातावरण

ओएस: विंडोज 10.0
ब्राउज़र: क्रोम [संस्करण 81.0.4044.138 (आधिकारिक बिल्ड) (64-बिट)]
घटक का संस्करण: [5.12.1]
प्रतिक्रिया संस्करण: [16.13.0]

bug

स्रोत

ekinalcar

सभी 10 टिप्पणियाँ

देश को टैग से हटाओ

इनपुट खाली होने पर बैकस्पेस दबाकर या टैग पर क्लिक करके?

i-like-robots 6 मई 2020

क्षमा करें, यह टैग पर बंद करें बटन दबाकर है। जब मैं इसे बैकस्पेस से हटाता हूं तो ऑटो फोकस होता है

ekinalcar 6 मई 2020

अतिरिक्त जानकारी @ekinalcar के लिए धन्यवाद।

क्योंकि फोकस वाला तत्व नष्ट हो रहा है, मुझे लगता है कि फोकस वापस विंडो पर वापस आ जाएगा ... आदर्श नहीं! मुझे संदेह है कि हमें यह रिकॉर्ड करने की आवश्यकता होगी कि टैग पर उतरते समय फोकस कहां से आया और हटाए जाने पर इसे वहां वापस कर दिया जाएगा।

i-like-robots 6 मई 2020

👍1

आपके त्वरित उत्तर के लिए धन्यवाद @i-like-robots

बैकस्पेस के साथ डिलीट इवेंट पर, भले ही इनपुट खाली हो (बिना टैग के) फोकस विंडो के बजाय उसी इनपुट पर होता है

ekinalcar 6 मई 2020

👍1

हाय @ekinalcar - मैं इसे फिर से बनाने में सक्षम हूं। मैंने पाया कि एक माउस के साथ फ़ायरफ़ॉक्स और सफारी दोनों अपेक्षित रूप से लगातार काम करते हैं लेकिन क्रोम में कर्सर फोकस कभी-कभी खो जाता है, भले ही क्लिक इवेंट कैप्चर किया गया हो।

हालांकि, कीबोर्ड का उपयोग करते समय फोकस हमेशा खो जाता है और स्पेस बार को दबाकर टैग पर "क्लिक" किया जाता है, जिसका निश्चित रूप से इरादा नहीं है। उम्मीद है कि इसे ठीक करने से क्रोम में रुक-रुक कर आने वाली समस्या भी ठीक हो जाएगी।

i-like-robots 7 मई 2020

🎉1

क्या कोई तरीका है जिससे हम इसे वैकल्पिक बना सकते हैं? मेरे पास कुछ अवांछित व्यवहार है जो किसी टैग को हटाते समय ट्रिगर होता है, इसलिए मैं हमेशा नहीं चाहता कि इनपुट फोकस वापस चुरा ले।

krozett 16 जून 2020

क्या आप अपने उपयोग के मामले @krozett का वर्णन कर सकते हैं? मुझे यकीन है कि मेरे द्वारा वर्तमान में लागू किए गए समाधान से बेहतर समाधान हैं, लेकिन मुझे लगता है कि यह महत्वपूर्ण है कि कर्सर _somewhere_ उपयोगी हो। शायद मैं एक शर्त जोड़ सकता हूं जो कर्सर को handleDelete/onDelete कॉलबैक में पुनर्स्थापित करने में सक्षम बनाता है।

i-like-robots 16 जून 2020

@ i-like-robots शायद बेहतर होगा कि मैं इसके लिए एक फीचर अनुरोध टिकट बनाऊं। लेकिन मूल रूप से मेरे पास मोबाइल उपकरणों के लिए विशिष्ट व्यवहार है, जहां एक उपयोगकर्ता इनपुट पर दबाता है और मैं कीबोर्ड और स्वत: पूर्ण सुझावों के लिए स्क्रीन स्पेस की अनुमति देने के लिए उस इनपुट को छोड़कर सबकुछ छिपाने के लिए ओवरले का उपयोग करता हूं। जब कोई तत्व केंद्रित नहीं होता है, तो पूरा रूप दिखाई देता है। लेकिन एक टैग को हटाते समय, मैं नहीं चाहता कि इनपुट ऑटोफोकस हो, क्योंकि यह संभव है कि उपयोगकर्ता केवल टैग को हटाना चाहता था और खोज बॉक्स में टाइप करना नहीं चाहता था। ऑटोफोकस इनपुट को "स्क्रीन-डोमिनेशन" मोड में वापस पॉप करने का कारण बनता है, जो मैं नहीं चाहता। केवल एक जानबूझकर ध्यान ऐसा करना चाहिए।

krozett 18 जून 2020

यह समझ में आता है @krozett - शायद एक बेहतर समाधान यह रिकॉर्ड करना होगा कि फोकस कहां से आया ( focusin ) और टैग हटा दिए जाने पर कर्सर को वहां वापस कर दें

i-like-robots 18 जून 2020

@ i-like-robots किसी भी दर पर, मुझे यकीन है कि v6 जल्द ही आ रहा है, इसलिए शायद मुझे इसके लिए व्यवहार को देखना चाहिए कि यह देखने के लिए कि इसके किसी भी ईवेंट हैंडलर मुझे जो चाहिए वह करेंगे। मैं