Material-ui: onloadwff.js: 71 فشل التأكيد: وسيطة الإدخال ليست HTMLInputElement

تم إنشاؤها على ١٢ مارس ٢٠١٩  ·  12تعليقات  ·  مصدر: mui-org/material-ui

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

السلوك المتوقع 🤔

يجب ألا تكون هناك أخطاء في وحدة التحكم عند استخدام TextField مع multiline={true}

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

عند تقديم multiline TextField (داخل form ) والضغط على المفتاح enter ، يتم تسجيل ما يلي بوحدة التحكم (في كل مرة يتم الضغط على المفتاح ):

onloadwff.js:71 Assertion failed: Input argument is not an HTMLInputElement
  getFormProfile @ onloadwff.js:71
  setFieldValue @ onloadwff.js:71
  formKeydownListener @ onloadwff.js:71

onloadwff.js:71 Uncaught TypeError: Cannot read property 'type' of undefined
    at e.setFieldValue (onloadwff.js:71)
    at HTMLFormElement.formKeydownListener (onloadwff.js:71)

خطوات إعادة إنتاج 🕹

  1. تصفح إلى https://material-ui.com/demos/text-fields/ وافتح Chrome's Dev Console (
  2. ضمن قسم "حقل النص" ، انقر فوق أي عنصر تحكم متعدد الأسطر واضغط على مفتاح الإدخال عدة مرات
  3. لاحظ الاستثناءات التي تم تسجيلها في وحدة التحكم

يمكنني إعادة إنتاج هذا الخطأ في Chrome (كل من Ubuntu 18 و WIndows 10).
تعذر إعادة إنتاجه في Firefox (Ubuntu و Windows).

لدي نفس المشكلة في مشروعي واكتشفت أنها موجودة أيضًا في صفحة ويب Material-U.

لاحظ أن الخطأ لا يظهر عندما لا يتم تغليف حقل النص متعدد الأسطر بعلامة نموذج

السياق 🔦

ليس هناك الكثير من السياق هنا ، فقط عرضت حقل نصي متعدد الأسطر واكتشفت هذه الاستثناءات مسجلة في وحدة التحكم.

بيئتك 🌎

| التقنية | الإصدار |
| -------------- | --------- |
| واجهة المستخدم المادية | v3.0.1 و v.3.9.2 |
| رد فعل | 16.6.3 |
| المستعرض | Chrome و Firefox (كلاهما أحدث) |
| تيبسكريبت | لا |
| إلخ | - |

TextField external dependency

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

من يستخدم LastPass؟ ارفع يدك! ( onloadwff.js )

ال 12 كومينتر

من يستخدم LastPass؟ ارفع يدك! ( onloadwff.js )

npapagna إنه انحدار LastPass الأخير. أشك بشدة في إمكانية تعرضنا لهذا النوع من المشاكل لفترة طويلة دون معالجة. يمكنك المحاولة باستخدام نسخة أصلية من <textarea /> ، نفس التكاثر.

Capture d’écran 2019-03-12 à 23 52 33

oliviertassinari حصلت عليه!

شكرا للجميع لأخذ الوقت للنظر في هذا! 👏

رائع! ولكن كيف نتخلص منه مع الاحتفاظ بالملحق في نفس الوقت؟

رائع! ولكن كيف نتخلص منه مع الاحتفاظ بالملحق في نفس الوقت؟

لا يوجد حل رسمي لهذا ، على أي حال ، هناك حل بديل محتمل هو ما يلي:

  1. انقر بزر الماوس الأيمن على امتداد LastPass
  2. حدد "هذا يمكنه قراءة بيانات الموقع وتغييرها".
  3. ثم حدد "عند النقر فوق الامتداد".

أعد تحميل الصفحة ، سترى الخطأ سيختفي.

أطيب التحيات.

تضمين التغريدة

رائع! ولكن كيف نتخلص منه مع الاحتفاظ بالملحق في نفس الوقت؟

أهلا!

يمكنك أيضًا استبعاد عنوان URL على النحو التالي:

  1. انتقل إلى LastPass واتصل بحسابك
  2. انتقل إلى قسم Account parameters
  3. انتقل إلى علامة التبويب URL Exclusions
  4. أضف استثناء لصفحتك مثل http://localhost

أتمنى أن يساعدك هذا!

مع أطيب التحيات: استرخاء:

من يستخدم LastPass؟ ارفع يدك! (_onloadwff.js_)

: D ، أفضل إجابة بالنسبة لي ، شكرًا جزيلاً لك :)))

حسنًا ، من الجيد أنك المستخدم ، فقط قم بتعطيل lastpass ، لكننا جميعًا مطورين هنا ، أليس كذلك؟ إذن ما الذي يمكننا فعله لمنع تعطل نماذجنا لمستخدمينا الذين يستخدمون LastPass (والذين لن يجدوا مشكلة github هذه أبدًا)؟

لكي نكون واضحين ، هذا الخطأ لا يكسر أي شيء على الصفحة ، إنه ضجيج للمطورين. إذا كنت ترغب في إصلاحه ، فاتصل بدعم LastPass ، فكلما زاد عدد الطلبات ، زادت احتمالية منحها الأولوية.

سيئ ، لقد كان لدي خطأ غريب آخر تسبب في خطأ في مدخلاتي ، هذا الخطأ هو في الواقع مجرد ضوضاء.

<textarea class="form-control" id="messageBody"
            onkeypress={supressEnterPropagation}
            name="body"
            rows="18"
          ></textarea>
const supressEnterPropagation = (event) {
    if (event.which === 13 || event.keyCode === 13 || event.key === "Enter")
        event.stopPropagation()
     }
}

لقد خطرت لك الفكرة. إنه كود sudo

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