Windows 10 시스템의 Edge 16에 대한 조사를 수행했으며 FilterField가 자동 완성에 아무 것도 표시하지 않습니다.

@samuelfahrngruber Edge 버전 18 에서 자동 완성이 올바르게 표시되므로 동작을 재현할 수 없습니다.

@lukasholzer https://barista.dynatrace.com/ 의 샘플을 사용하고
그러나 문제는 바리스타 컴포넌트의 새 버전 8.0.0에서만 발생하며 https://barista.dynatrace.com/ 의 예제에서는 v8.0.0을 사용하지 않습니다.

페이지에 필터 필드만 있는 새 프로젝트를 빌드할 때 항상 오류 메시지가 표시되기 때문에 현재 필터 필드와 바리스타 8.0.0으로 로컬 예제를 빌드할 수 없습니다.

ERROR in node_modules/@dynatrace/barista-components/button-group/src/button-group.d.ts:35:9 - error TS2611: 'disabled' is defined as a property in class 'HasTabIndex & DtButtonGroupBase', but is overridden here in 'DtButtonGroup<T>' as an accessor.
35     get disabled(): boolean;
           ~~~~~~~~
node_modules/@dynatrace/barista-components/button-group/src/button-group.d.ts:76:9 - error TS2611: 'disabled' is defined as a property in class 'HasTabIndex & CanColor<DtButtonGroupThemePalette> & DtButtonGroupItemBase', but is overridden here in 'DtButtonGroupItem<T>' as an accessor.
76     get disabled(): boolean;
           ~~~~~~~~

이 문제에 대해 다른 버그를 신고해야 합니까?

또한 MS Edge에서는 전혀 작동하지 않기 때문에 stackblitz 예제를 제공할 수 없습니다.

편집: 이 문제에 대한 버그를 만들었습니다. #1577

Edge의 dt-highlight 문제인 것 같습니다.

자동 완성의 모든 옵션 내에서 사용되는 강조 표시 구성 요소는 강조 표시된 텍스트를 렌더링하지 않습니다.

하이라이트 컴포넌트에서 사용하는 'IntersectionObserver'와 관련이 있는 것 같습니다. 오버레이가 열리고 첫 번째 옵션이 표시될 때 관찰자는 초기 렌더링 후 가장자리에서 실행되지 않습니다.

다른 모든 브라우저는 의도한 대로 작동합니다.
이상한 점은 IntersectionObserver 가 Edge 15부터 지원 된다는 것입니다.

이 문제는 버전 7.5.1 에서 8.0.0으로 업데이트한 후 발생하며 이전에는 문제가 없었습니다.

현재 이 코드 영역이 마지막으로 터치된 문제 #1420(PR #1433)과 관련이 있는지 확인하고 있습니다.

Edge <=16의 IntersectionObserver 버그인 것 같기 때문에 현재 이 브라우저에서 강조 표시를 비활성화할 생각입니다. 이렇게 하면 최소한 사용할 수 있습니다.
이 "해결책"에 대한 귀하의 생각을 알려주세요.

나에게 합리적으로 들립니다. 저는 그것에 투표합니다.

Edge <=16의 IntersectionObserver 버그인 것 같기 때문에 현재 이 브라우저에서 강조 표시를 비활성화할 생각입니다. 이렇게 하면 최소한 사용할 수 있습니다.
이 "해결책"에 대한 귀하의 생각을 알려주세요.

다른 비 크롬 Edge 버전에서도 가능합니다.
나에게 문제는 Edge 18에서도 발생합니다.

정확한 버전:

Microsoft Edge 44.19041.423.0
Microsoft EdgeHTML 18.19041

좋은 점 - 내 테스트에서 동일합니다.

{browserName : 마이크로 소프트 엣지, 브라우저 버전 : 44.18362.449.0, javascriptEnabled : 사실, pageLoadStrategy : 정상, 플랫폼 : WINDOWS, platformName : WINDOWS, setWindowRect : 거짓, 제한 시간 : {암시 : 0, pageLoad : 300000, 스크립트 : 30000}, 이 zal : screenResolution : 1600x1200, zal:tz : Europe/Vienna}

브라우저에서 지원하지 않는데 왜 사용했는지 궁금합니다. 🤔 AFAIK 모든 Edge 버전을 지원해야 합니까?
https://caniuse.com/intersectionobserver

@thomaspink 이 버그에 대한 업데이트가 있습니까?

더 자세히 조사한 결과 버그는 Ivy 대신 이전 View Engine을 사용할 때만 발생합니다.
Ivy를 비활성화하여 재현 가능

  "angularCompilerOptions": {
    "enableIvy": false
  }

MS Edge의 필터 필드를 클릭합니다.