Vaadin-combo-box: عنصر مكرر عند البحث

تم إنشاؤها على ٢٧ مارس ٢٠١٧ · 14تعليقات · مصدر: vaadin/vaadin-combo-box

وصف

عنصر مكرر عند البحث

النتيجة المتوقعة

يجب عرض عنصر واحد فقط

capture d ecran 2017-03-27 a 00 58 46

النتيجة الفعلية

capture d ecran 2017-03-27 a 00 43 54

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

ضع عنصر vaadin-combo-box في الصفحة

        <vaadin-combo-box #searchSport no-label-float
        *ngIf="activitiesTypes"
          placeholder="Activité"
          [items]="activitiesTypes"
          item-label-path="name"
          item-value-path="$key"
          [value]="activitiesTypeUid"
          (selected-item-changed)="activitiesType=$event.detail.value">
        </vaadin-combo-box>

مع

    this.activitiesTypes = [
      {
        $key : 'tennis',
        name: 'tennis'
      },
      {
        $key : 'canoe',
        name: 'canoe'
      }
    ];

افتح الصفحة في متصفح الويب.
انقر فوق إدخال عنصر vaadin-combo-box وابحث عن عنصر.

المتصفحات تتأثر

[x] كروم
[ ] ثعلب النار
[] سفاري
[ ] حافة
[] IE 11
[] iOS Safari
[x] أندرويد كروم

يبدو أنه متوفر فقط في Chrome و android Chrome. لقد اختبرت على Firefox و Safari وهي تعمل.

كان يعمل مع الإصدار v1.2.0 وبدأ الخطأ في v1.3.0

bug

مصدر

florent1933

👍1

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

شكرًا على المساعدة يا رفاق ، إليك مقتطفًا لإعادة إظهار المشكلة:
https://jsfiddle.net/Saulis/we90kg2t/

Saulis في ١٨ أبريل ٢٠١٧

👍3 🎉1

ال 14 كومينتر

أهلا!

لا يمكنني إعادة إظهار المشكلة في تطبيق Polymer خالص ، لذلك أعتقد أن لها علاقة بـ Angular. انظر https://jsfiddle.net/Saulis/6kooy6d8/

هل تحصل على أي أخطاء في وحدة التحكم؟

Saulis في ٢٧ مارس ٢٠١٧

يعمل jsfiddle على متصفحي.

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

لا توجد أخطاء في وحدة التحكم.

florent1933 في ٢٧ مارس ٢٠١٧

لقد صنعت مكبسًا باستخدام الزاوي والبوليمر ولكن لا يوجد خطأ: https://plnkr.co/edit/pGqa0MXftgpMCSaAXCIO؟

سأستمر في التحقيق للعثور على سبب الخطأ.

florent1933 في ٢٧ مارس ٢٠١٧

👍2

أواجه هذا أيضًا باستخدام Polymer 1.8.1 و Chrome. لا يبدو أنه يمثل مشكلة في المتصفحات الأخرى. بدأت أعتقد أن هناك حالة سباق في Chrome للتطبيقات الأكبر التي تسبب حدوث ذلك. لإعادة التأكيد ، يعمل بشكل جيد مع vaadin-combo-box 1.2.0 ولا يعمل بشكل صحيح في 1.3.3

flyweight في ٣١ مارس ٢٠١٧

flyweight هل أنت قادر على إنتاج jsfiddle حيث تحدث المشكلة؟

Saulis في ٣١ مارس ٢٠١٧

أحاول أيضًا التحقق من مكان حدوث ذلك ولكني أحصل على نفس النتائج مثل @ florent1933

flyweight في ٣١ مارس ٢٠١٧

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

flyweight في ٣١ مارس ٢٠١٧

أواجه نفس المشكلة مثل @ florent1933 وأعتقد أنني أعرف ما هي المشكلة. أنا أستخدم نموذج Polymer CLI الذي ينشئ بعض خيارات تكوين Polymer في ملف index.html. بشكل افتراضي يبدو كما يلي:

window.Polymer = {
  dom: 'shadow',
  lazyRegister: true,
};

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

Andres0101 في ٣١ مارس ٢٠١٧

👍2

تأكيد ما ذكره @ Andres0101 أعلاه ، يؤدي تغيير هذه الخاصية إلى حل المشكلة بالنسبة لي أيضًا.

flyweight في ٣١ مارس ٢٠١٧

@ Andres0101 : عمل جيد لإيجاد مشكلة هذه المسألة 👍

سيكون من الرائع أن يعمل combobox مع shadow dom لأنني لا أستطيع استخدام Shady dom.

florent1933 في ١٥ أبريل ٢٠١٧

شكرًا على المساعدة يا رفاق ، إليك مقتطفًا لإعادة إظهار المشكلة:
https://jsfiddle.net/Saulis/we90kg2t/

Saulis في ١٨ أبريل ٢٠١٧

👍3 🎉1

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

masonlouchart في ١٠ مايو ٢٠١٧

@ LM450N : أنت على حق! أخبار مذهلة!

florent1933 في ١١ مايو ٢٠١٧

شكراً لـ @ LM450N لاكتشاف 4f02971!

سأقوم بإغلاق هذه المشكلة v2.0.0-alpha1 وأوصي بالانتقال لاستخدام ذلك.

بالنسبة لأولئك الذين يستخدمون 1.3.x ، فقد اخترت الإصلاح للفرع 1.x - لكن احذر ، فقد حدث بعض التغييرات العاجلة في هذا الفرع فيما يتعلق باستخدام الرموز المخصصة - يستخدمون slot سمات

Saulis في ١١ مايو ٢٠١٧

هل كانت هذه الصفحة مفيدة؟

0 / 5 - 0 التقييمات