Material-ui: كيف يتم تشغيل التركيز برمجيًا () على تحديد الحقل؟

تم إنشاؤها على ١٦ نوفمبر ٢٠١٧  ·  3تعليقات  ·  مصدر: mui-org/material-ui


تستخدم نماذج تطبيقي زر الإدخال للتبويب في الحقول المحددة للسرعة على لوحة مفاتيح من عشرة مفاتيح. عند النقر على الإدخال ، نقوم ببحث DOM ونشغل التركيز () على العنصر التالي. يعمل هذا بشكل رائع في حقول النص ولكن لا يمكنني فهم كيفية إنجاز ذلك في مربع التحديد. يمكنني الحصول على كل عنصر من عناصر DOM التي تشكل بنية التحديد ، ولكن تشغيل التركيز () على أي مستوى لا يؤدي إلى أي شيء.
ملاحظة: أنا قادر على الحصول على المرجع الخاص بالعنصر عبر inputRef في التحديد لمنعنا من اجتياز DOM ولكنه لا يزال لا يسفر عن أي نتائج.
شكرا لك مقدما على أي إرشادات!

  • [x] لقد بحثت في قضايا هذا المستودع وأعتقد أن هذه ليست نسخة مكررة.

سلوك متوقع


يصبح التحديد مُركّزًا (لكن ليس مفتوحًا) عند تشغيل التركيز () يدويًا. توقع نفس سلوك الضربعلى العنصر السابق.

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


لا يؤدي تشغيل node.focus () إلى أي شيء ، ولا يتم تشغيله على أي عنصر داخل بنية DOM المحددة.

خطوات إعادة الإنتاج (للحشرات)


https://codesandbox.io/s/m43qqyo2zy

  1. حدد مربع النص الأول.
  2. اضغط على مفتاح Enter.
  3. مربع النص لاحظ 2 يركز FTW.
  4. اضغط على مفتاح Enter مرة أخرى.
  5. لا شيء يحدث.

سياق الكلام

بيئتك

| التقنية | الإصدار |
| -------------- | --------- |
| واجهة المستخدم المادية | 1.0.0 بيتا 21 |
| رد فعل | 16.1.0 |
| متصفح | كروم 62 |
| إلخ | |

question

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

في حالة تعثر أي شخص هنا بمشكلة مماثلة: هذا يعمل: https://stackoverflow.com/questions/47353384/how-to-programmatically-trigger-focus-on-material-ui-select-field

ال 3 كومينتر

zachariahtimothy لست مقتنعًا بأن هذه مشكلة تتعلق بـ MUI. يبدو أن لديك بعض النماذج لتنظيفها. توجه إلى Stack Overflow لطرح أسئلة حول كيفية استخدام المكتبة. في صحتك! 😄

@ m2mathew أرى ما
وجهة نظري هي أنه إذا كان من المستحيل التعامل مع تحديد MUI كعنصر نموذج أصلي من حيث الأحداث ، فسيكون ذلك مشكلة في المكتبة. لقد جربته مع العلم الأصلي الذي نجح ، بحيث سيحصل علي ، فقط ليس لديه الجمال الذي أرغب فيه مثل التحديد المتجاوز :).
شكرا لك على الرد والمكتبة الرائعة!

في حالة تعثر أي شخص هنا بمشكلة مماثلة: هذا يعمل: https://stackoverflow.com/questions/47353384/how-to-programmatically-trigger-focus-on-material-ui-select-field

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