Vaadin-combo-box: Item duplikat saat mencari

Dibuat pada 27 Mar 2017  ·  14Komentar  ·  Sumber: vaadin/vaadin-combo-box

Keterangan

Item duplikat saat mencari

Hasil yang diharapkan

Seharusnya hanya menampilkan satu item

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

Hasil sebenarnya

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

Langkah-langkah untuk mereproduksi

  1. Letakkan elemen vaadin-combo-box di halaman
        <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>

dengan

    this.activitiesTypes = [
      {
        $key : 'tennis',
        name: 'tennis'
      },
      {
        $key : 'canoe',
        name: 'canoe'
      }
    ];
  1. Buka halaman di browser web.
  2. Klik input elemen vaadin-combo-box dan cari item.

Peramban Terkena Dampak

  • [x] Chrome
  • [ ] Firefox
  • [ ] Safari
  • [ ] Tepian
  • [ ] IE 11
  • [ ] iOS Safari
  • [x] Android Chrome

Tampaknya hanya ada di Chrome dan Android Chrome. Saya menguji di firefox, safari dan berfungsi.

Itu bekerja dengan rilis v1.2.0 dan bug dimulai di v1.3.0

bug
Sumber
picture florent1933
👍1

Komentar yang paling membantu

Terima kasih atas bantuannya, berikut cuplikan untuk mereproduksi masalah:
https://jsfiddle.net/Saulis/we90kg2t/

picture Saulis pada 18 Apr 2017
👍3 🎉1

Semua 14 komentar

Hai!

Saya tidak dapat mereproduksi masalah dalam aplikasi Polimer murni, jadi saya kira itu ada hubungannya dengan Angular. Lihat https://jsfiddle.net/Saulis/6kooy6d8/

Apakah Anda mendapatkan kesalahan di konsol?

Saulis picture Saulis pada 27 Mar 2017

jsfiddle Anda berfungsi di browser saya.

Jadi, Anda benar, itu karena sudut. Apakah Anda memiliki templat dengan sudut dan polimer untuk jsfiddle untuk mereproduksi bug ini?

Tidak ada kesalahan di konsol.

florent1933 picture florent1933 pada 27 Mar 2017

Saya membuat plunker dengan sudut dan polimer tetapi tidak ada bug: https://plnkr.co/edit/pGqa0MXftgpMCSaAXCIO?p=preview

Saya akan terus menyelidiki untuk menemukan alasan bug tersebut.

florent1933 picture florent1933 pada 27 Mar 2017
👍2

Saya juga mengalami ini menggunakan Polymer 1.8.1 dan Chrome. Tampaknya tidak menjadi masalah di browser lain. Saya mulai percaya bahwa ada kondisi balapan di Chrome untuk aplikasi yang lebih besar yang menyebabkan hal ini terjadi. Untuk menegaskan kembali, berfungsi dengan baik dengan vaadin-combo-box 1.2.0 & tidak berfungsi dengan benar di 1.3.3

flyweight picture flyweight pada 31 Mar 2017

@flyweight apakah Anda dapat menghasilkan jsfiddle di mana masalah terjadi?

Saulis picture Saulis pada 31 Mar 2017

Saya mencoba untuk menyelidiki juga di mana ini bisa terjadi tetapi saya mendapatkan hasil yang sama dengan @florent1933

flyweight picture flyweight pada 31 Mar 2017

Sekadar catatan @Saulis : jika saya menggunakan templat Anda untuk item yang ditampilkan di sini , maka saya tidak melihat masalahnya. Itu hanya muncul untuk saya jika saya tidak menyertakan templat khusus.

flyweight picture flyweight pada 31 Mar 2017

Saya mengalami masalah yang sama dengan @ florent1933 dan saya pikir saya tahu apa masalahnya. Saya menggunakan template CLI Polimer yang membuat beberapa opsi konfigurasi Polimer di file index.html. Secara default terlihat seperti ini:

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

Properti DOM diatur ke 'bayangan' secara default, tetapi jika Anda mengubahnya menjadi 'teduh', masalahnya terpecahkan. Elemen tidak menduplikasi item saat mencari. Apakah ada cara untuk membuatnya bekerja menggunakan 'bayangan' atau elemen yang seharusnya bekerja dengan 'teduh' saja?

Andres0101 picture Andres0101 pada 31 Mar 2017
👍2

Mengonfirmasi apa yang @Andres0101 nyatakan di atas, mengubah properti itu menyelesaikan masalah bagi saya juga.

flyweight picture flyweight pada 31 Mar 2017

@Andres0101 : kerja bagus untuk menemukan masalah masalah ini 👍

Akan lebih bagus jika combobox bisa bekerja dengan shadow dom karena saya tidak bisa menggunakan shady dom.

florent1933 picture florent1933 pada 15 Apr 2017

Terima kasih atas bantuannya, berikut cuplikan untuk mereproduksi masalah:
https://jsfiddle.net/Saulis/we90kg2t/

Saulis picture Saulis pada 18 Apr 2017
👍3 🎉1

Saya tidak tahu apakah Anda telah melihatnya tetapi ketika kami mencari, tidak mungkin untuk memilih item duplikat menggunakan panah bawah keyboard. Ingin tepat titik ini.

masonlouchart picture masonlouchart pada 10 Mei 2017

@LM450N : Anda benar! Berita luar biasa!

florent1933 picture florent1933 pada 11 Mei 2017

Terima kasih untuk @LM450N untuk melihat 4f02971!

Saya akan menutup masalah ini di v2.0.0-alpha1 dan merekomendasikan pindah untuk menggunakannya.

Bagi mereka yang menggunakan 1.3.x , saya telah memilih perbaikan untuk cabang 1.x – tetapi berhati-hatilah, ada beberapa perubahan yang mengganggu di cabang itu terkait dengan penggunaan ikon khusus – mereka menggunakan slot atribut alih-alih kelas.

Saulis picture Saulis pada 11 Mei 2017
Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

anasmi picture anasmi  ·  18Komentar
silentHoo picture silentHoo  ·  3Komentar
JMuratha picture JMuratha  ·  4Komentar
web-padawan picture web-padawan  ·  3Komentar
web-padawan picture web-padawan  ·  5Komentar