React-dnd: جرين بلس تسجيل الدخول في كروم

تم إنشاؤها على ١٨ مارس ٢٠١٦  ·  22تعليقات  ·  مصدر: react-dnd/react-dnd

هل اكتشف أي شخص كيفية التخلص من علامة الجمع الخضراء التي تنبثق للحظات في بداية عملية السحب في Chrome؟

dnd quicktime player today at 8 24 18 pm

التعليق الأكثر فائدة

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

هذا عمل لي على الكروم. فقط ضعه في أحداث "dragstart" و "dragend" لأن هذين الحدثين هما الوحيدان اللذان لهما حق الوصول إلى كائن dataTransfer.

ال 22 كومينتر

+1

لا يمكن إعادة إظهار هذه المشكلة على Chrome 49 على Mac أو Chrome 49 على Windows في هذه الصفحة: http://gaearon.github.io/react-dnd/examples-drag-around-naive.html

هل ما زال هذا يحدث لك؟ ما هو إصدار Chrome الذي تستخدمه وأي نظام تشغيل؟

أيضًا ، هل يمكنك التحكم في سلوك المؤشر كما هو موضح هنا: http://gaearon.github.io/react-dnd/examples-customize-drop-effects.html؟

أرى المشكلة في جميع الأمثلة ، على Chrome 49 على Mac (لا يزال 10.10). عند بدء السحب ، يتغير شكل المؤشر إلى علامة الجمع الخضراء (عادةً ما يتم عرضها بواسطة cursor: copy ) ؛ ثم يصبح مؤشر "النقل".

يمكنني إعادة إنتاج هذا بشكل متقطع في المثال الذي ربطته globexdesigns (Chrome 49 ، OSX 10.11) - يظهر فقط

أظن أنه إما تأخير قصير بين دورة العرض المجمعة لـ React وتنفيذ dnd للمتصفح (في هذه الحالة قد نتمكن من إصلاحه) أو خطأ في Chrome. سألعب مع المتصفحات الأخرى (ما لم يضربني شخص ما) وأرى ما إذا كان بإمكاني الحصول على نسخة هناك.

أرى نفس الشيء على Chrome 49 OSX 10.11.4 - يظهر لجزء من الثانية ثم يعود إلى طبيعته. هذا السلوك لا يحدث لي في Safari أو Firefox.

EvNaverniouk أنا على Chrome 49 و OS X 10.11.4 ونعم ، ما زلت أرى المشكلة ، ونعم ، أرى رمز نسخة النسخ عندما كان متوقعًا في هذا الرابط الذي أشرت إليه http://gaearon.github.io/react -dnd / أمثلة-custom-drop-effects.html

تظهر أيضًا هذه المشكلة في Chrome 50 على OS X 10.11.2.

نرى أيضًا Chrome 51 هذا على OS X 10.10.1

أرى هذا أيضًا في إصدار Chrome 51 على OSX 10.11.4.

تحرير: بعد إضافة المزيد من الوظائف التي تقوم بتنفيذ طبقة السحب وتضمين الكود بشكل صحيح باستخدام connectDragPreview و getEmptyImage () يبدو أن المشكلة قد اختفت في الوقت الحالي.

لقد رأيت هذا بشكل عشوائي في React DnD وكذلك المكتبات الأخرى وحتى HTML5 الخام القابل للسحب. أعتقد أن الأمر يتعلق بعدم قيامنا بتعيين effectAllowed في بداية السحب.

أي تحديثات على هذا؟ تواجه نفس المشكلة على Chrome 53 OSX 10.10.5

برؤية نفس الشيء Chrome 54.0.2840.71 10.11.6 ، أي تحديثات؟

+1

استخدام {dropEffect: 'copy'} يخفي المشكلة (بجعل الأخضر زائد دائمًا مرئيًا) ؛ ولكن لا يصلحها بشكل صحيح.

بالإضافة إلى ذلك ، يبدو أن {dropEffect: 'move'} لا يبدو أنه نجح في جعل المؤشر عبارة عن تقاطع رباعي الرؤوس.

إصدار Chrome: 55.0.2883.95 (الإصدار الرسمي) (64 بت)

إغلاق هذه المسألة حيث لا يبدو أنها من وظائف هذه المكتبة.

fredguest هل وجدت حلاً لهذا من قبل؟

Yamikamisama للأسف لا.

لا يظهر زر الإضافة الخضراء بالنسبة لي حتى ترجع وظيفة canDrop إلى false ، ثم يظهر.

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

هذا عمل لي على الكروم. فقط ضعه في أحداث "dragstart" و "dragend" لأن هذين الحدثين هما الوحيدان اللذان لهما حق الوصول إلى كائن dataTransfer.

هذا لم يساعدني

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

يحدث هذا فقط للحظة بين cursor: 'grab' و cursor: 'grabbing'
لا تظهر في تنسيق gif للأسف ولكن الصورة الموجودة أسفل الصورة المتحركة توضح المشكلة

greenplus

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

أنا أيضا أواجه هذه المشكلة. يبدو وكأنه خطأ في Chrome.

+1

+1 إصدار كروم 84.0.4147.89

تحرير: يحدث هذا فقط عند استخدام الشفرة التالية لعدم وجود صورة معاينة:

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

تنفيذ معاينة يحل هذه المشكلة

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات