React-dnd: ड्रैग करने योग्य घटक (फ़ायरफ़ॉक्स) के अंदर पाठ इनपुट के साथ समस्याएं

को निर्मित 7 अग॰ 2015 · 5टिप्पणियाँ · स्रोत: react-dnd/react-dnd

घटकों के अंदर पाठ इनपुट के साथ समस्याएं हैं जो फ़ायरफ़ॉक्स में HTML5 विशेषता draggable सेट से true ( इस ज्ञात बग के कारण ) हैं। मैं draggable false onFocus हैंडलर में सेट करने और true onBlur हैंडलर में वापस सेट करने पर काम कर रहा हूँ (के रूप में यहाँ सिफारिश की गई है ), लेकिन इस तरह के वर्कअराउंड के लिए प्रतिक्रिया-डंड का कोई समर्थन नहीं है और विशेषता तुरंत true वापस सेट है।

यह देखते हुए कि फ़ायरफ़ॉक्स में इस बग पर प्रगति नहीं होती है, क्या इसे संभालने के लिए प्रतिक्रिया-डंड में एक शर्म की बात है? मैं इस मुद्दे को अद्यतन करूँगा अगर मैं एक अच्छा समाधान के साथ आता हूँ।

bug

स्रोत

ntdb

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

आपको onFocus और onBlur में एक स्टेट वैरिएबल टॉगल करके इस बग के आसपास काम करने में सक्षम होना चाहिए, और आपके render फ़ंक्शन को _not_ पर कॉल करके connectDragSource() इनपुट में बदलना चाहिए :

render() {
  const element = <div><textarea onFocus=... /></div>;
  return this.state.editing ? element : this.props.connectDragSource(element);
}

gaearon 17 सित॰ 2015

👍4

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

इसका मूल # 256 हो सकता है

ntdb 7 अग॰ 2015

अभी के लिए मैं एक कांटे से काम कर रहा हूं जो मुझे सीधे अपने ऐप में draggable विशेषता का प्रबंधन करने की अनुमति देता है।

ntdb 7 अग॰ 2015

धन्यवाद। मैं वर्तमान में कुछ अन्य परियोजनाओं में व्यस्त हूं।
यदि इनमें से कोई भी पीआर आपकी मदद करता है, तो मुझे भी बताएं: https://github.com/gaearon/react-dnd/pss

gaearon 7 अग॰ 2015

कृपया यह न भूलें कि HTML5 बैकएंड केवल एक सुविधा के रूप में शामिल है।
आप एनपीएम पर अपना निश्चित संस्करण प्रकाशित कर सकते हैं (यह एक एकल फाइल है) लेकिन फिर भी बाकी सभी चीजों के लिए मुख्य रेपो का उपयोग करें।

gaearon 7 अग॰ 2015

render() {
  const element = <div><textarea onFocus=... /></div>;
  return this.state.editing ? element : this.props.connectDragSource(element);
}

gaearon 17 सित॰ 2015

👍4

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

संबंधित मुद्दों

समान घटकों पर ड्रैगसोर्स और ड्रॉपटार्गेट का उपयोग करना लेकिन ड्रॉपटार्ग से कोई प्रतिक्रिया नहीं

dant00ine · 3टिप्पणियाँ

नेस्टेड ड्रैग स्रोतों को ठीक करें और वे canDrag के साथ कैसे काम करते हैं

gaearon · 4टिप्पणियाँ

ध्यान में न आया त्रुटि: एक ही समय में दो HTML5 बैकएंड नहीं हो सकते।

antoineBernard · 3टिप्पणियाँ

प्रतिक्रिया परीक्षण के बजाय एंजाइम के साथ परीक्षण उपयोग

dwjohnston · 3टिप्पणियाँ

"कैनड्रॉप", कैसे पता चलेगा कि हम किस तत्व के शीर्ष पर हैं?

Vadorequest · 4टिप्पणियाँ