Vaadin-combo-box: 検索時にアイテムが重複している

作成日 2017年03月27日 · 14コメント · ソース: vaadin/vaadin-combo-box

説明

検索時にアイテムが重複している

期待される結果

1つのアイテムのみを表示する必要があります

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'
      }
    ];

Webブラウザでページを開きます。
vaadin-combo-box要素の入力をクリックして、アイテムを検索します。

影響を受けるブラウザ

[x]クローム
[] Firefox
[] Safari
[ ] 角
[] IE 11
[] iOS Safari
[x] Android Chrome

ChromeとAndroidChromeにのみ搭載されているようです。私はFirefox、Safariでテストしましたが、動作しています。

それはリリースv1.2.0で動作し、バグはv1.3.0で始まりました

bug

ソース

florent1933

👍1

最も参考になるコメント

助けてくれてありがとう、これが問題を再現するためのスニペットです：
https://jsfiddle.net/Saulis/we90kg2t/

Saulis 2017年04月18日

👍3 🎉1

全てのコメント14件

やあ！

純粋なPolymerアプリでは問題を再現できないため、Angularと関係があると思います。 https://jsfiddle.net/Saulis/6kooy6d8/を参照して

コンソールでエラーが発生していませんか？

Saulis 2017年03月27日

あなたのjsfiddleは私のブラウザで動作しています。

だから、あなたは正しいです、それは角度のせいです。このバグを再現するためのjsfiddle用のAngularとPolymerのテンプレートはありますか？

コンソールにエラーはありません。

florent1933 2017年03月27日

角度とポリマーを使用してプランカーを作成しましたが、バグはありません： https ：//plnkr.co/edit/pGqa0MXftgpMCSaAXCIO？p = preview

バグの原因を見つけるために調査を続けます。

florent1933 2017年03月27日

👍2

また、Polymer1.8.1とChromeを使用してこれを経験しています。他のブラウザでは問題にならないようです。 Chromeには、これを引き起こしている大きなアプリの競合状態があると私は信じ始めています。再確認するために、vaadin-combo-box 1.2.0で正常に動作し、1.3.3では正しく動作しません

flyweight 2017年03月31日

@flyweight問題が発生した場所でjsfiddleを作成できますか？

Saulis 2017年03月31日

これが発生する可能性のある場所も調査しようとしていますが、 @ florent1933と同じ結果が得られてい

flyweight 2017年03月31日

@Saulisに注意してここに

flyweight 2017年03月31日

@ florent1933と同じ問題が発生していて、問題が何であるかはわかっていると思います。 index.htmlファイルにいくつかのPolymer構成オプションを作成するPolymerCLIテンプレートを使用しています。デフォルトでは、次のようになります。

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

DOMプロパティはデフォルトで「shadow」に設定されていますが、「shady」に変更すると問題は解決します。この要素は、検索時にアイテムを複製しません。 'shadow'を使用して機能させる方法はありますか、それとも要素は 'shady'のみで機能することになっていますか？

Andres0101 2017年03月31日

👍2

@ Andres0101が上記で述べたことを確認し、そのプロパティを変更すると、私にとっても問題が解決します。

flyweight 2017年03月31日

@ Andres0101 ：この問題の問題を見つけるための良い仕事👍

私はshadydomを使用できないので、comboboxがshadowdomで動作することができれば素晴らしいと思います。

florent1933 2017年04月15日

助けてくれてありがとう、これが問題を再現するためのスニペットです：
https://jsfiddle.net/Saulis/we90kg2t/

Saulis 2017年04月18日

👍3 🎉1

ご覧になったことがあるかどうかはわかりませんが、検索時にキーボードの下矢印を使用して重複するアイテムを選択することはできません。この点を正確にしたかった。

masonlouchart 2017年05月10日

@ LM450N ：その通りです！素晴らしいニュース！

florent1933 2017年05月11日

4f02971を見つけてくれた

この問題をv2.0.0-alpha1閉じてスタンプし、それを使用するように移動することをお勧めします。

1.3.xを使用している場合は、ブランチ1.xの修正を厳選しましたが、カスタムアイコンの使用に関して、そのブランチにいくつかの重大な変更があります。 slotを使用します。クラスの代わりに

Saulis 2017年05月11日

このページは役に立ちましたか？

0 / 5 - 0 評価

Vaadin-combo-box: 検索時にアイテムが重複している

説明

期待される結果

実際の結果

再現する手順

影響を受けるブラウザ

最も参考になるコメント

全てのコメント14件

関連する問題