React-dnd: क्रोम में ग्रीन प्लस साइन

को निर्मित 18 मार्च 2016  ·  22टिप्पणियाँ  ·  स्रोत: react-dnd/react-dnd

क्या किसी को पता चला है कि क्रोम में ड्रैग ऑपरेशन की शुरुआत में पल-पल पर आने वाले ग्रीन प्लस साइन से छुटकारा कैसे मिलता है?

dnd quicktime player today at 8 24 18 pm

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

event.dataTransfer.dropEffect = 'none'
event.dataTransfer.effectAllowed = 'none'

इसने मेरे लिए क्रोम पर काम किया। बस इसे "ड्रैगस्टार्ट" और "ड्रैगेंड" ईवेंट में डाल दें क्योंकि ये केवल डेटाट्रांसफर ऑब्जेक्ट तक पहुंच वाले हैं।

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

+1

इस पेज पर Chrome 49 पर मैक, या क्रोम 49 पर विंडोज पर इस मुद्दे को पुन: पेश नहीं कर सकता: http://gaearon.github.io/react-dnd/examples-drag-raction-naive.html

क्या यह अभी भी आपके लिए हो रहा है? क्रोम का कौन सा संस्करण आप उपयोग कर रहे हैं और कौन सा ओएस?

इसके अलावा, क्या आप यहाँ वर्णित कर्सर व्यवहार को नियंत्रित कर सकते हैं: http://gaearon.github.io/react-dnd/examples-customize-drop-effects.html?

मैं सभी उदाहरणों में इस मुद्दे को देख रहा हूँ, क्रोम 49 पर मैक (अभी भी 10.10) पर। ड्रैग स्टार्ट पर, कर्सर हरे रंग के प्लस चिन्ह में बदल जाता है (आमतौर पर cursor: copy द्वारा प्रदर्शित किया जाता है); और फिर "चाल" कर्सर बन जाता है।

मैं इस छिटपुट रूप से आपके द्वारा @globexdesigns (Chrome 49, OSX 10.11) से जुड़े उदाहरण में पुन: पेश करने में सक्षम हूं - यह अपेक्षा के अनुरूप व्यवहार करने से पहले केवल एक दूसरे विभाजन के लिए प्रकट होता है।

मेरा अनुमान है कि यह रिएक्ट के बैच रेंडर साइकल और ब्राउज़र के डीएंड कार्यान्वयन (जिस स्थिति में हम इसे ठीक करने में सक्षम हो सकते हैं) या क्रोम में बग के बीच थोड़ी देरी है। मैं अन्य ब्राउज़रों के साथ खेलूँगा (जब तक कि कोई मुझे इसके बारे में नहीं बताएगा) और देखें कि क्या मुझे वहां कोई रिप्रो मिल सकता है।

मैं Chrome 49 OSX 10.11.4 पर एक ही चीज़ देख रहा हूं - एक दूसरे विभाजन के लिए प्रकट होता है और फिर सामान्य पर लौटता है। व्यवहार मेरे लिए सफारी या फ़ायरफ़ॉक्स में नहीं होता है।

@EvNaverniouk मैं Chrome 49 और OS X 10.11.4 पर हूं और हां, अभी भी इस मुद्दे को देख रहा हूं, और हां, जब मैं इस लिंक की अपेक्षा करता हूं, तो मुझे कॉपी कॉपी आइकन दिखाई देता है जिसे आपने http://gaearon.github.io.react -dnd / उदाहरण अनुकूलित-ड्रॉप-effects.html

OS X 10.11.2 पर क्रोम 50 में भी इस मुद्दे को देखना।

OS X 10.10.1 पर यह क्रोम 51 भी देख रहा है

मैं इसे OSX 10.11.4 पर क्रोम संस्करण 51 पर भी देख रहा हूं।

संपादित करें: कुछ और कार्यक्षमता जोड़ने के बाद ड्रैग लेयर को लागू करना और ठीक से कनेक्टड्रेगप्रिव्यू और getEmptyImage () का उपयोग कर कोड सहित समस्या अब के लिए दूर चली गई है।

मैंने इसे रिएक्ट डीआईएनडी के साथ-साथ अन्य पुस्तकालयों और यहां तक ​​कि सिर्फ कच्चे एचटीएमएल 5 ड्रैगेबल में बेतरतीब ढंग से देखा है। मेरा अनुमान है कि हमें ड्रैगस्टार्ट में effectAllowed स्थापना नहीं करनी है।

इस पर कोई अपडेट? Chrome 53 OSX 10.10.5 पर समान समस्या का सामना करना

Chrome 54.0.2840.71 10.11.6 को एक ही चीज़ देखकर, कोई अपडेट?

+1

{dropEffect: 'copy'} मास्क का उपयोग करके समस्या (हरे रंग को हमेशा दिखाई देने वाला बनाकर); लेकिन ठीक से इसे ठीक नहीं करता है।

इसके अलावा, यह {dropEffect: 'move'} लगता है कि कर्सर को 4-पॉइंट क्रॉस-हेयर सफलतापूर्वक बनाने के लिए प्रकट नहीं होता है।

क्रोम संस्करण: 55.0.2883.95 (आधिकारिक बिल्ड) (64-बिट)

इस मुद्दे को बंद करना क्योंकि यह इस पुस्तकालय का कार्य नहीं लगता है।

@fredguest क्या आपने कभी इसका समाधान ढूंढा?

@ यमिकामिसमा उदास रूप से नहीं।

हरे रंग का प्लस बटन मेरे लिए तब तक दिखाई नहीं देता जब तक कि मेरा कैनड्रॉप फ़ंक्शन गलत नहीं हो जाता, तब तक यह प्रकट होता है।

event.dataTransfer.dropEffect = 'none'
event.dataTransfer.effectAllowed = 'none'

इसने मेरे लिए क्रोम पर काम किया। बस इसे "ड्रैगस्टार्ट" और "ड्रैगेंड" ईवेंट में डाल दें क्योंकि ये केवल डेटाट्रांसफर ऑब्जेक्ट तक पहुंच वाले हैं।

इससे मुझे मदद नहीं मिली

event.dataTransfer.dropEffect = 'none'
event.dataTransfer.effectAllowed = 'none'

यह केवल cursor: 'grab' और cursor: 'grabbing' बीच एक क्षण के लिए होता है
यह दुर्भाग्य से gif प्रारूप में नहीं दिखता है, लेकिन gif के नीचे का चित्र समस्या दिखाता है

greenplus

screen shot 2018-08-01 at 12 57 15 pm

मैं भी इस समस्या का सामना कर रहा हूँ। यह क्रोम में बग जैसा दिखता है।

+1

+1 क्रोम संस्करण 84.0.4147.89

संपादित करें: यह केवल तब होता है जब पूर्वावलोकन छवि न रखने के लिए निम्न कोड का उपयोग किया जाता है:

useEffect(() => {
    preview(getEmptyImage(), { captureDraggingState: true });
  }, [preview]);

पूर्वावलोकन लागू करने से यह समस्या हल हो जाती है

क्या यह पृष्ठ उपयोगी था?
0 / 5 - 0 रेटिंग्स