Vaadin-combo-box: Élément en double lors de la recherche

Créé le 27 mars 2017 · 14Commentaires · Source: vaadin/vaadin-combo-box

La description

Élément en double lors de la recherche

Résultat attendu

Ne doit afficher qu'un seul élément

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

Résultat réel

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

Étapes à reproduire

Mettez un élément vaadin-combo-box dans la page

        <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>

avec

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

Ouvrez la page dans un navigateur Web.
Cliquez sur l'entrée de l'élément vaadin-combo-box et recherchez un élément.

Navigateurs concernés

[x] Chrome
[ ] Firefox
[ ] Safari
[ ] Bord
[ ] IE 11
[ ] Safari iOS
[x] Android Chrome

Il semble que ce soit uniquement dans Chrome et Android Chrome. J'ai testé sur firefox, safari et ça marche.

Cela fonctionnait avec la version v1.2.0 et le bogue a commencé dans la v1.3.0

bug

Source

florent1933

👍1

Commentaire le plus utile

Merci pour votre aide, voici un extrait pour reproduire le problème :
https://jsfiddle.net/Saulis/we90kg2t/

Saulis le 18 avr. 2017

👍3 🎉1

Tous les 14 commentaires

Salut!

Je ne peux pas reproduire le problème dans une application purement polymère, donc je suppose que cela a quelque chose à voir avec Angular. Voir https://jsfiddle.net/Saulis/6kooy6d8/

As-tu des erreurs dans la console ?

Saulis le 27 mars 2017

Votre jsfiddle fonctionne sur mon navigateur.

Donc, vous avez raison, c'est à cause de l'angle. Avez-vous un gabarit avec angulaire et polymère pour jsfiddle pour reproduire ce bug ?

Aucune erreur dans la console.

florent1933 le 27 mars 2017

J'ai créé un plunker avec angulaire et polymère mais il n'y a pas de bug : https://plnkr.co/edit/pGqa0MXftgpMCSaAXCIO?p=preview

Je vais continuer à enquêter pour trouver la raison du bug.

florent1933 le 27 mars 2017

👍2

Je rencontre également cela en utilisant Polymer 1.8.1 et Chrome. Cela ne semble pas être un problème dans les autres navigateurs. Je commence à croire qu'il existe une condition de concurrence dans Chrome pour les applications plus volumineuses qui provoque cela. Pour réaffirmer, fonctionne bien avec vaadin-combo-box 1.2.0 et ne fonctionne pas correctement dans 1.3.3

flyweight le 31 mars 2017

@flyweight êtes-vous capable de produire un jsfiddle là où le problème se produit ?

Saulis le 31 mars 2017

J'essaie également d'enquêter sur l'endroit où cela pourrait se produire, mais j'obtiens les mêmes résultats que

flyweight le 31 mars 2017

Juste pour noter @Saulis : si j'utilise votre modèle pour l'élément montré ici , alors je ne vois pas le problème. Il n'apparaît pour moi que si je n'inclus pas de modèle personnalisé.

flyweight le 31 mars 2017

J'ai le même problème que @ florent1933 et je pense savoir quel est le problème. J'utilise un modèle Polymer CLI qui crée des options de configuration Polymer dans le fichier index.html. Par défaut, cela ressemble à ceci :

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

La propriété DOM est définie sur 'shadow' par défaut, mais si vous la modifiez en 'shady', le problème est résolu. L'élément ne duplique pas les éléments lors de la recherche. Existe-t-il un moyen de le faire fonctionner en utilisant « shadow » ou l'élément est-il censé fonctionner uniquement avec « shady » ?

Andres0101 le 31 mars 2017

👍2

Confirmant ce que @ Andres0101 a déclaré ci-dessus, la modification de cette propriété résout également le problème pour moi.

flyweight le 31 mars 2017

@Andres0101 : bon travail pour trouver le problème de ce problème 👍

Ce serait génial si combobox pouvait fonctionner avec shadow dom car je ne peux pas utiliser shady dom.

florent1933 le 15 avr. 2017

Merci pour votre aide, voici un extrait pour reproduire le problème :
https://jsfiddle.net/Saulis/we90kg2t/

Saulis le 18 avr. 2017

👍3 🎉1

Je ne sais pas si vous avez vu, mais lorsque nous recherchons, il n'est pas possible de sélectionner un élément en double à l'aide de la flèche vers le bas du clavier. J'ai voulu préciser ce point.

masonlouchart le 10 mai 2017

@LM450N : Vous avez raison ! Incroyable nouvelle !

florent1933 le 11 mai 2017

Merci à @LM450N d' avoir repéré 4f02971 !

Je vais marquer ce problème comme clos dans v2.0.0-alpha1 et recommander de passer à l'utiliser.

Pour ceux qui utilisent 1.3.x , j'ai choisi le correctif pour la branche 1.x - mais attention, il y a quelques changements de rupture dans cette branche concernant l'utilisation d'icônes personnalisées - ils utilisent slot attributs au lieu de classes.

Saulis le 11 mai 2017

Cette page vous a été utile?

0 / 5 - 0 notes