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

웹 브라우저에서 페이지를 엽니다.
vaadin-combo-box 요소의 입력을 클릭하고 항목을 검색합니다.

영향을 받는 브라우저

[x] 크롬
[ ] 파이어폭스
[ ] 사파리
[ ] 가장자리
[ ] IE 11
[ ] iOS 사파리
[x] 안드로이드 크롬

크롬과 안드로이드 크롬에만 있는 것 같습니다. 나는 파이어 폭스, 사파리에서 테스트했으며 작동합니다.

릴리스 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일

앵귤러와 폴리머로 플런커를 만들었지만 버그는 없습니다 : 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 과 같은 문제를

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

DOM 속성은 기본적으로 'shadow'로 설정되어 있지만 'shady'로 변경하면 문제가 해결됩니다. 요소는 검색할 때 항목을 복제하지 않습니다. 'shadow'를 사용하여 작동하게 하는 방법이 있습니까? 아니면 요소가 'shady'로만 작동하도록 되어 있습니까?

Andres0101 에 2017년 03월 31일

👍2

@Andres0101 이 위에서 언급한 내용을 확인하고 해당 속성을 변경하면 문제도 해결됩니다.

flyweight 에 2017년 03월 31일

@Andres0101 : 이 문제의 문제점을 잘 찾아내셨습니다👍

나는 shady dom을 사용할 수 없기 때문에 combobox가 shadow 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일

4f02971 을 찾아주신

이 문제를 v2.0.0-alpha1 마감하고 이를 사용하도록 이동하는 것이 좋습니다.

1.3.x 사용하는 사람들을 위해 1.x 분기에 대한 수정 사항을 선택했습니다. 그러나 사용자 지정 아이콘 사용과 관련하여 해당 분기에 몇 가지 주요 변경 사항이 있습니다. slot 클래스 대신

Saulis 에 2017년 05월 11일

이 페이지가 도움이 되었나요?

0 / 5 - 0 등급

Vaadin-combo-box: 검색 시 중복 항목

설명

예상되는 결과

실제 결과

재현 단계

영향을 받는 브라우저

가장 유용한 댓글

모든 14 댓글

관련 문제