React-dnd: مشاكل في إدخال النص داخل المكون القابل للسحب (Firefox)

تم إنشاؤها على ٧ أغسطس ٢٠١٥  ·  5تعليقات  ·  مصدر: react-dnd/react-dnd

توجد مشكلات في إدخالات النص داخل المكونات التي تحتوي على سمة HTML5 draggable مضبوطة على true في Firefox (بسبب هذا الخطأ المعروف ). أعمل على تعيين draggable إلى false في معالج onFocus وإعادة تعيينه إلى true في معالج onBlur ( مثل موصى به هنا ) ، لكن رد فعل- dnd ليس لديه دعم لمثل هذا الحل البديل ويتم تعيين السمة على الفور إلى true .

نظرًا لأنه لا يبدو أن هناك تقدمًا في هذا الخطأ في FireFox ، فهل هناك مجال لرقاقة في رد الفعل للتعامل مع هذا؟ سأقوم بتحديث هذه المشكلة إذا توصلت إلى حل جيد بغض النظر.

bug

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

يجب أن تكون قادرًا على التغلب على هذا الخطأ عن طريق تبديل متغير الحالة في onFocus و onBlur ، وتغيير دالة render إلى _not_ استدعاء connectDragSource() أثناء الإدخال :

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

ال 5 كومينتر

قد يكون جذر هذا هو # 256

في الوقت الحالي ، أعمل باستخدام مفترق يتيح لي إدارة السمة draggable مباشرة في تطبيقي.

شكرا. أنا مشغول حاليًا ببعض المشاريع الأخرى.
إذا كان أي من هذه العلاقات العامة يساعدك ، فأخبرني أيضًا: https://github.com/gaearon/react-dnd/pulls

من فضلك لا تنسى أن HTML5 الخلفية مدرجة فقط كوسيلة راحة.
يمكنك نشر نسختك الثابتة على NPM (ملف واحد) ولكن لا تزال تستخدم الريبو الرئيسي لكل شيء آخر.

يجب أن تكون قادرًا على التغلب على هذا الخطأ عن طريق تبديل متغير الحالة في onFocus و onBlur ، وتغيير دالة render إلى _not_ استدعاء connectDragSource() أثناء الإدخال :

render() {
  const element = <div><textarea onFocus=... /></div>;
  return this.state.editing ? element : this.props.connectDragSource(element);
}
هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات