React-dnd: تعذر النقر داخل أحد المدخلات في IE

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

شكرا لمثل هذا العمل الشاق!

عندما يكون هناك بعض النص في مربع الإدخال ، لا يتمكن المستخدمون من النقر داخل مربع نص لإجراء تعديلات ، فهم بحاجة إلى حذفه من النهاية. يمكنني إعادة إنتاجه في IE 9 و 10.

أيضًا ، بالنسبة لـ Win10 - Internet Explorer 11 ، لا يمكنني تركيز المدخلات على النقرة الأولى ، ولكن النقر المزدوج يعمل. تحقق من gif:

dnd

أنا باستخدام مثالك البسيط مع المدخلات المضافة

browser bug bug wontfix

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

أنا أستخدم الحل البديل:

<input ... onMouseDown={ (e) => e.target.focus(); }/>

تم اختباره في IE11

ال 9 كومينتر

ليس لدي جهاز كمبيوتر يعمل بنظام Windows ، لذا سيكون هذا تحديًا للتصحيح: /

شكرًا على kesne لاستجابتك :) نعم ، لقد

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

أعتقد أنني أواجه مشكلة مماثلة لصناديق الإدخال التي هي أطفال لمكون قابل للسحب. من الضروري النقر نقرًا مزدوجًا للحصول على مؤشر في أي من مربعات الإدخال هذه في IE11 أو Edge. كما يجعل من المستحيل النقر والسحب لتحديد النص في مربعات الإدخال.

هذا خطأ معروف في IE10 و IE11 و Edge وتم إبلاغ MS في 2014 ولكن يبدو أن MS لا تريد / غير قادر على إصلاحه: https://connect.microsoft.com/IE/feedback/details/ 927470 / ie-11-input-field-of-type-text-not-response-to-mouse-click-when-ancestor-node-has-pullgable-true and https://stackoverflow.com/a/ 27160905

لقد تمكنت من الالتفاف على هذا من خلال توصيل مصدر السحب فقط عند عدم تحريك الإدخال.

  render() {
    const content = (
      <div>
        <input
           ...restOfProps
           onMouseOver={ () => this.setState({ dragSourceEnabled: false }); }
           onMouseOut={ () => this.setState({ dragSourceEnabled: true }); }
        />
      </div>
    );

    return this.state.dragSourceEnabled ? this.props.connectDragSource(content) : content;
  }

هل هناك طرق أخرى لحل هذا؟
كيف هي حالة هذه القضية؟

أنا أستخدم الحل البديل:

<input ... onMouseDown={ (e) => e.target.focus(); }/>

تم اختباره في IE11

تم وضع علامة على هذه المشكلة تلقائيًا على أنها قديمة نظرًا لعدم وجود نشاط حديث لها. سيتم إغلاقه إذا لم يحدث أي نشاط آخر. شكرا لمساهماتكم.

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