Material-ui: प्रोग्राम को चुनें क्षेत्र पर फोकस () कैसे ट्रिगर करें?

को निर्मित 16 नव॰ 2017 · 3टिप्पणियाँ · स्रोत: mui-org/material-ui

मेरा ऐप फ़ॉर्म दस-कुंजी कीबोर्ड पर गति के लिए निर्दिष्ट फ़ील्ड पर टैब करने के लिए एंटर बटन का उपयोग करता है। जब प्रवेश मारा जाता है, तो हम अगले तत्व पर DOM लुकअप और ट्रिगर फोकस () करते हैं। यह पाठ फ़ील्ड पर बहुत अच्छा काम करता है, लेकिन मैं यह नहीं समझ सकता कि इसे कैसे चुनें बॉक्स पर। मैं उन प्रत्येक DOM तत्वों को प्राप्त कर सकता हूँ जो संरचना का चयन करते हैं, लेकिन किसी भी स्तर पर फोकस () को ट्रिगर करना कुछ नहीं करता है।
नोट: मैं DOM को ट्रेस करने से रोकने के लिए चयन पर inputRef के माध्यम से आइटम के रेफरी को हथियाने में सक्षम हूं लेकिन यह अभी भी कोई परिणाम नहीं देता है।
किसी भी मार्गदर्शन के लिए अग्रिम धन्यवाद!

[x] मैंने इस भंडार के मुद्दों को खोजा है और यह मानता हूं कि यह कोई डुप्लिकेट नहीं है।

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

जब फोकस () मैन्युअल रूप से चालू हो जाता है तो चयन फ़ोकस हो जाता है (लेकिन ओपन नहीं होता है)। एक ही व्यवहार को हिट करने की अपेक्षा करेंपूर्ववर्ती तत्व पर।

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

ट्रिगर नोड.फोकस () कुछ भी नहीं करता है, न ही यह चुनिंदा DOM संरचना के भीतर किसी भी तत्व पर ट्रिगर होता है।

प्रजनन के लिए कदम (बग के लिए)

https://codesandbox.io/s/m43qqyo2zy

पहले टेक्स्ट बॉक्स का चयन करें।
हिट कुंजी दर्ज करें।
सूचना दूसरा टेक्स्ट बॉक्स FTW केंद्रित है।
फिर से कुंजी दर्ज करें।
कुछ नहीं हुआ।

प्रसंग

आपका पर्यावरण

| टेक | संस्करण |
| -------------- | --------- |
| सामग्री- यूआई | 1.0.0-Beta.21 |
| प्रतिक्रिया | 16.1.0 |
| ब्राउज़र | क्रोम 62 |
| आदि | |

question

स्रोत

zachariahtimothy

सबसे उपयोगी टिप्पणी

यदि कोई भी समान मुद्दे के साथ यहाँ ठोकर खाता है: यह काम करता है: https://stackoverflow.com/questions/47353384/how-to-programmatically-trigger-focus-on-material-ui-select.field

zachariahtimothy 22 नव॰ 2017

👍3 👎2

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

@zachariahtimothy मैं आश्वस्त नहीं हूं कि यह MUI के साथ एक मुद्दा है। ऐसा लगता है कि आपके पास करने के लिए कुछ फॉर्म क्लीनअप है। लाइब्रेरी का उपयोग करने के तरीके के बारे में प्रश्नों के लिए स्टैक ओवरफ्लो के लिए प्रमुख। चीयर्स! 😄

m2mathew 17 नव॰ 2017

@ m2mathew मैं देख रहा हूं कि आप क्या कह रहे हैं, मैं स्टैक ओवरफ्लो पर सवाल पूछूंगा।
मेरा विचार है कि यदि MUI का चयन घटनाओं के संदर्भ में मूल रूप तत्व के रूप में व्यवहार करना असंभव है तो यह पुस्तकालय के साथ एक समस्या होगी। मैंने इसे मूल ध्वज के साथ आजमाया, जो काम किया, ताकि मेरे द्वारा इसे प्राप्त किया जा सके, बस उस सुंदरता की इच्छा नहीं है जो मैं चाहता हूं कि ओवरराइड का चयन करें :)।
उत्तर और भयानक पुस्तकालय के लिए धन्यवाद!

zachariahtimothy 17 नव॰ 2017