React-tags: فقدان التركيز التلقائي على الإدخال بعد حذف العلامة

تم إنشاؤها على ٦ مايو ٢٠٢٠  ·  10تعليقات  ·  مصدر: i-like-robots/react-tags

سلوك متوقع

أتوقع التركيز على الإدخال حتى بعد حذف علامة

السلوك الحالي

يفقد الإدخال التركيز بعد أن أحذف علامة مضافة

خطوات التكاثر

خطوات إعادة إظهار المشكلة:

  1. اكتب دولة
  2. حدد دولة من القائمة المنسدلة
  3. حذف الدولة من العلامة
  4. الإدخال يفقد التركيز التلقائي

لقطات

1
2
3

بيئتك

  • نظام التشغيل: Windows 10.0
  • المتصفح: Chrome [الإصدار 81.0.4044.138 (الإصدار الرسمي) (64 بت)]
  • إصدار المكون: [5.12.1]
  • نسخة React: [16.13.0]
bug

ال 10 كومينتر

حذف الدولة من العلامة

بالضغط على مفتاح backspace عندما يكون الإدخال فارغًا أو بالنقر فوق العلامة؟

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

شكرا على المعلومات الإضافيةekinalcar.

نظرًا لأنه يتم تدمير العنصر ذي التركيز البؤري ، أفترض أن التركيز سيعود افتراضيًا إلى النافذة ... ليس مثاليًا! أظن أننا سنحتاج إلى تسجيل مصدر التركيز عند الهبوط على العلامة وإعادتها إلى هناك عند إزالتها.

شكرًا لك على ردك السريع @ i-like-robots

في حدث الحذف مع مسافة للخلف ، حتى إذا كان الإدخال فارغًا (بدون علامات) ، يكون التركيز على نفس الإدخال بدلاً من النافذة

مرحبًا ekinalcar - لقد تمكنت من إعادة إنشاء هذا. لقد وجدت أنه باستخدام الماوس ، يعمل كل من Firefox و Safari باستمرار كما هو متوقع ولكن في Chrome يفقد تركيز المؤشر أحيانًا ، على الرغم من التقاط حدث النقر.

ومع ذلك ، يتم فقدان التركيز دائمًا عند استخدام لوحة المفاتيح و "النقر" على العلامات عن طريق الضغط على شريط المسافة وهو أمر غير مقصود بالتأكيد. نأمل أن يؤدي إصلاح هذا أيضًا إلى إصلاح المشكلة المتقطعة في Chrome.

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

هل يمكنك وصف حالة الاستخدام الخاصة بك krozett ؟ أنا متأكد من أن هناك حلولًا أفضل مما قمت بتطبيقه حاليًا ولكني أعتقد أنه من المهم أن ينتقل المؤشر إلى مكان ما مفيدًا. ربما يمكنني إضافة شرط يتيح إعادة وضع المؤشر في رد الاتصال handleDelete/onDelete .

@ i-like-robots ربما يكون من الأفضل أن أنشأت بطاقة طلب ميزة لها. ولكن في الأساس لدي سلوك خاص بالأجهزة المحمولة ، حيث يضغط المستخدم على إدخال وأستخدم تراكبًا لإخفاء كل شيء ما عدا ذلك الإدخال ، للسماح بمساحة شاشة للوحة المفاتيح واقتراحات الإكمال التلقائي. عندما لا يتم التركيز على عنصر ، يكون النموذج بأكمله مرئيًا. ولكن عند حذف علامة ، لا أريد التركيز التلقائي على الإدخال ، لأنه من المحتمل أن المستخدم أراد فقط حذف العلامة ولا ينوي الاستمرار في الكتابة في مربع البحث. يتسبب التركيز التلقائي في عودة الإدخال إلى وضع "هيمنة الشاشة" ، وهو ما لا أريده. فقط التركيز المتعمد يجب أن يفعل ذلك.

هذا منطقي @ krozett - ربما يكون الحل الأفضل هو تسجيل مصدر التركيز (على focusin ) وإرجاع المؤشر إلى هناك عند إزالة العلامة 🤔

@ i-like-robots على أي حال ، أنا متأكد من أن الإصدار 6 سيأتي قريبًا ، لذا ربما ينبغي أن أنظر إلى سلوك ذلك أولاً لمعرفة ما إذا كان أي من معالجي الأحداث سيفعلون ما أحتاجه. 😉

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

القضايا ذات الصلة

V6
i-like-robots picture i-like-robots  ·  11تعليقات

williamsidewalk picture williamsidewalk  ·  4تعليقات

filippofilip95 picture filippofilip95  ·  4تعليقات

famouspotatoes picture famouspotatoes  ·  5تعليقات

jraack picture jraack  ·  6تعليقات