Vaadin-combo-box: 搜索时重复项

创建于 2017-03-27 · 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'
      }
    ];

在 Web 浏览器中打开页面。
单击vaadin-combo-box元素的输入并搜索项目。

受影响的浏览器

[x] 铬
[ ] 火狐
[ ] 苹果浏览器
[ ] 边缘
[] IE 11
[ ] iOS Safari
[x] 安卓 Chrome

它似乎只在 Chrome 和 android Chrome 中。我在 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 重现此错误？

控制台中没有错误。

florent1933 于 2017-03-27

我创建了一个带有角度和聚合物的 plunker，但没有错误： https ://plnkr.co/edit/pGqa0MXftgpMCSaAXCIO?p=preview

我将继续调查以找出错误的原因。

florent1933 于 2017-03-27

👍2

我也在使用 Polymer 1.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遇到了同样的问题，我想我知道问题是什么。我正在使用 Polymer CLI 模板，它在 index.html 文件中创建了一些 Polymer 配置选项。默认情况下，它看起来像这样：

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

DOM 属性默认设置为 'shadow'，但如果将其更改为 'shady' 问题就解决了。元素在搜索时不重复项目。有没有办法让它使用“阴影”工作，或者元素应该只与“阴影”一起工作？

Andres0101 于 2017-03-31

👍2

确认@Andres0101上面所说的内容，更改该属性也为我解决了这个问题。

flyweight 于 2017-03-31

@Andres0101 : 很好地找到了这个问题的问题👍

如果组合框可以与 shadow dom 一起使用，那就太好了，因为我不能使用 shady dom。

florent1933 于 2017-04-15

感谢大家的帮助，这里有一个片段来重现这个问题：
https://jsfiddle.net/Saulis/we90kg2t/

Saulis 于 2017-04-18

👍3 🎉1

我不知道您是否看到过，但是当我们搜索时，无法使用键盘向下箭头选择重复的项目。想要精确这一点。

masonlouchart 于 2017-05-10

@LM450N ：你说得对！惊人的消息！

florent1933 于 2017-05-11

感谢@LM450N发现 4f02971！

我将在v2.0.0-alpha1关闭此问题并建议使用它。

对于那些使用1.3.x ，我精心挑选了分支1.x的修复程序——但要注意，该分支在使用自定义图标方面有一些重大变化——他们使用slot属性而不是类。

Saulis 于 2017-05-11

此页面是否有帮助？

0 / 5 - 0 等级

Vaadin-combo-box: 搜索时重复项

描述

预期结果

实际结果

重现步骤

受影响的浏览器

最有用的评论

所有14条评论

相关问题