Barista: [Filter field] tidak menampilkan saran di MS Edge

Dibuat pada 4 Sep 2020  ·  13Komentar  ·  Sumber: dynatrace-oss/barista

Laporan Bug


Saat mengklik bidang filter di MS Edge versi non-kromium, tidak ada saran filter yang ditampilkan. Juga, saat mengetik, tombol hapus semua tidak muncul. Alih-alih, ada "X" yang tampak buruk yang menghapus input (lihat tangkapan layar).

Ini hanya terjadi, ketika aplikasi dikompilasi dengan View Engine, bukan Ivy.

Perilaku yang Diharapkan


Saat mengklik kolom filter, saran harus ditampilkan di komponen drop-down, seperti di browser lain.

Perilaku Saat Ini


Mengklik ke bidang filter di MS Edge tidak membuka komponen drop-down dengan saran filter. Di tempat drop-down, perbatasan kecil dapat dilihat (lihat tangkapan layar).

Langkah-langkah untuk Reproduksi


  1. Nonaktifkan Angular Ivy di tsconfig aplikasi:
  "angularCompilerOptions": {
    "enableIvy": false
  }
  1. Klik ke bidang filter di MS Edge versi non-kromium.
  2. Tidak ada nilai saran yang ditampilkan

Konteks (Lingkungan)


Versi yang Digunakan:

  • sudut : 10.0.9
  • @sudut/cdk : 10.1.1
  • @dynatrace/barista-components : 8.0.0

lampiran

Strange X alih-alih "hapus semua"

image (5)

Tidak ada dropdown tetapi perbatasan terlihat

image (4)

Perilaku yang diharapkan Firefox

image (7)

Perilaku sebenarnya MS Edge

image (6)

bug filter-field has-pr

Komentar yang paling membantu

Karena tampaknya merupakan bug IntersectionObserver untuk Edge <=16 Saat ini saya berpikir untuk menonaktifkan penyorotan untuk browser ini. Ini akan membuatnya setidaknya bisa digunakan.
Tolong beri tahu saya pendapat Anda tentang "solusi" ini.

Semua 13 komentar

Melakukan penyelidikan pada Edge 16 pada Mesin Windows 10 dan tidak ada FilterField yang menampilkan apa pun di pelengkapan otomatis:

image
image

@samuelfahrngruber perilaku Anda tidak dapat direproduksi seperti pada Edge Versi 18 pelengkapan otomatis ditampilkan dengan benar.

@lukasholzer Apakah Anda menggunakan sampel di https://barista.dynatrace.com/? karena mereka bekerja dengan baik untuk saya di Edge 18 juga.
Namun, masalah hanya terjadi pada komponen barista versi 8.0.0 yang baru, dan contoh di https://barista.dynatrace.com/ tidak menggunakan v8.0.0.

Saat ini saya tidak dapat membuat contoh lokal dengan bidang filter dan barista 8.0.0, karena saya selalu mendapatkan pesan kesalahan saat membuat proyek baru dengan hanya bidang filter di halaman:

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

Haruskah saya mengajukan bug lain untuk masalah ini?

Juga, saya tidak dapat memberikan contoh stackblitz karena tidak berfungsi sama sekali dengan MS Edge.

EDIT: saya membuat bug untuk masalah ini #1577

Tampaknya ada masalah dengan dt-highlight di Edge.

Komponen sorotan yang digunakan di dalam setiap opsi untuk pelengkapan otomatis tidak membuat teks yang disorot.

Tampaknya terkait dengan 'IntersectionObserver` yang digunakan dalam komponen sorotan. Pengamat tidak menembak di tepi setelah render awal saat overlay terbuka dan opsi pertama menjadi terlihat.

Semua browser lain berfungsi sebagaimana dimaksud.
Yang aneh adalah IntersectionObserver didukung sejak Edge 15

Masalah terjadi setelah memperbarui dari versi 7.5.1 ke 8.0.0 , sebelumnya kami tidak memiliki masalah.

Saat ini sedang memeriksa apakah ini terkait dengan masalah #1420 (PR #1433) di mana area kode ini terakhir disentuh.

Karena tampaknya merupakan bug IntersectionObserver untuk Edge <=16 Saat ini saya berpikir untuk menonaktifkan penyorotan untuk browser ini. Ini akan membuatnya setidaknya bisa digunakan.
Tolong beri tahu saya pendapat Anda tentang "solusi" ini.

Kedengarannya masuk akal bagi saya - saya memilihnya.

Karena tampaknya merupakan bug IntersectionObserver untuk Edge <=16 Saat ini saya berpikir untuk menonaktifkan penyorotan untuk browser ini. Ini akan membuatnya setidaknya bisa digunakan.
Tolong beri tahu saya pendapat Anda tentang "solusi" ini.

Mungkin juga untuk versi Edge non-kromium lainnya.
Bagi saya masalahnya juga terjadi dengan Edge 18.

Versi yang tepat:

Microsoft Edge 44.19041.423.0
Microsoft EdgeHTML 18.19041

Poin bagus - sama dalam pengujian saya.

{browserName: MicrosoftEdge, browserVersion: 44.18362.449.0, javascriptEnabled: true, pageLoadStrategy: normal, platform: WINDOWS, platformName: WINDOWS, setWindowRect: false, timeout: {implisit: 0, pageLoad: 300000, skrip: 30000}, , zal: resolusi layar : 1600x1200, zal:tz : Eropa/Wina}

Saya mempertanyakan mengapa kami menggunakannya jika kami tidak memiliki dukungan browser untuk itu. AFAIK kami harus mendukung semua Versi Edge atau?
https://caniuse.com/intersectionobserver

@thomaspink ada pembaruan tentang bug ini?

Setelah diselidiki lebih lanjut, bug hanya terjadi ketika View Engine yang lama digunakan sebagai pengganti Ivy.
Dapat direproduksi dengan menonaktifkan Ivy

  "angularCompilerOptions": {
    "enableIvy": false
  }

dan mengklik ke bidang filter di MS Edge.

Apakah halaman ini membantu?
0 / 5 - 0 peringkat

Masalah terkait

christian-fischer picture christian-fischer  ·  4Komentar

b-wohs picture b-wohs  ·  3Komentar

kaikcreator picture kaikcreator  ·  10Komentar

bradking1329 picture bradking1329  ·  3Komentar

lukasholzer picture lukasholzer  ·  8Komentar