Barista: [حقل عامل التصفية] لا يعرض اقتراحات في MS Edge

تم إنشاؤها على ٤ سبتمبر ٢٠٢٠  ·  13تعليقات  ·  مصدر: dynatrace-oss/barista

تقرير الشوائب


عند النقر فوق حقل عامل التصفية في الإصدار الذي لا يحتوي على الكروم من MS Edge ، لا يتم عرض اقتراحات التصفية. أيضًا ، عند الكتابة ، لا يظهر زر مسح الكل. بدلاً من ذلك ، هناك علامة "X" سيئة المظهر إلى حد ما تقوم بمسح المدخلات (انظر لقطة الشاشة).

يحدث هذا فقط ، عندما يتم تجميع التطبيق باستخدام View Engine بدلاً من Ivy.

سلوك متوقع


عند النقر فوق حقل التصفية ، يجب عرض الاقتراحات في مكون قائمة منسدلة ، كما هو الحال في المتصفحات الأخرى.

السلوك الحالي


لا يؤدي النقر فوق حقل التصفية في MS Edge إلى فتح مكون قائمة منسدلة مع اقتراحات التصفية. بدلاً من القائمة المنسدلة ، يمكن رؤية حد صغير (انظر لقطة الشاشة).

خطوات التكاثر


  1. تعطيل Angular Ivy في tsconfig للتطبيق:
  "angularCompilerOptions": {
    "enableIvy": false
  }
  1. انقر فوق حقل عامل التصفية في أي إصدار بخلاف الكروم MS Edge.
  2. لا يتم عرض قيم الاقتراح

السياق (البيئة)


الإصدارات المستخدمة:

  • الزاوي : 10.0.9
  • @ الزاوي / cdk : 10.1.1
  • @ dynatrace / باريستا المكونات : 8.0.0

المرفقات

X غريب بدلاً من "مسح الكل"

image (5)

لا توجد قائمة منسدلة ولكن الحدود مرئية

image (4)

السلوك المتوقع فايرفوكس

image (7)

السلوك الفعلي MS Edge

image (6)

bug filter-field has-pr

التعليق الأكثر فائدة

نظرًا لأنه يبدو أنه خطأ IntersectionObserver لـ Edge <= 16 ، فإنني أفكر حاليًا في تعطيل تمييز هذه المتصفحات. هذا من شأنه أن يجعلها قابلة للاستخدام على الأقل.
يرجى إعلامي بأفكارك حول هذا "الحل".

ال 13 كومينتر

هل أجريت تحقيقًا على Edge 16 على جهاز يعمل بنظام التشغيل Windows 10 ولا يعرض FilterField أي شيء في الإكمال التلقائي:

image
image

samuelfahrngruber لا يمكن تكرار سلوكك كما هو الحال في Edge الإصدار 18 ، يتم عرض الإكمال التلقائي بشكل صحيح.

lukasholzer هل تستخدم العينات الموجودة على https://barista.dynatrace.com/؟ لأنها تعمل بشكل جيد بالنسبة لي في Edge 18 أيضًا.
ومع ذلك ، فإن المشكلة تحدث فقط مع الإصدار الجديد 8.0.0 من مكونات باريستا ، والأمثلة الموجودة على https://barista.dynatrace.com/ لا تستخدم v8.0.0.

لا يمكنني حاليًا إنشاء مثال محلي باستخدام حقل التصفية و barista 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;
           ~~~~~~~~

هل يجب علي تقديم خطأ آخر لهذه المشكلة؟

أيضًا ، لا يمكنني تقديم مثال على stackblitz لأنه لا يعمل على الإطلاق مع MS Edge.

تحرير: لقد خلقت خطأ لهذه المشكلة رقم 1577

يبدو أنها مشكلة في dt-highlight على Edge.

لا يعرض مكون التمييز المستخدم داخل كل خيار للإكمال التلقائي النص المميز.

يبدو أنه مرتبط بـ "IntersectionObserver" المستخدم في مكون الإبراز. لا ينطلق المراقب على الحافة بعد العرض الأولي عند فتح التراكب وتصبح الخيارات الأولى مرئية.

جميع المستعرضات الأخرى تعمل على النحو المنشود.
الشيء الغريب هو أن IntersectionObserver مدعوم منذ Edge 15

حدثت المشكلة بعد التحديث من الإصدار 7.5.1 إلى 8.0.0 ، ولم نواجه سابقًا أية مشكلات.

يتم التحقق حاليًا مما إذا كان هذا متعلقًا بطريقة ما بالمشكلة رقم 1420 (PR # 1433) حيث تم التطرق إلى منطقة الرمز هذه أخيرًا.

نظرًا لأنه يبدو أنه خطأ IntersectionObserver لـ Edge <= 16 ، فإنني أفكر حاليًا في تعطيل تمييز هذه المتصفحات. هذا من شأنه أن يجعلها قابلة للاستخدام على الأقل.
يرجى إعلامي بأفكارك حول هذا "الحل".

تبدو معقولة بالنسبة لي - أنا أصوت لها.

نظرًا لأنه يبدو أنه خطأ IntersectionObserver لـ Edge <= 16 ، فإنني أفكر حاليًا في تعطيل تمييز هذه المتصفحات. هذا من شأنه أن يجعلها قابلة للاستخدام على الأقل.
يرجى إعلامي بأفكارك حول هذا "الحل".

ربما أيضًا للإصدارات الأخرى غير الكروم.
بالنسبة لي ، تحدث المشكلة أيضًا مع Edge 18.

النسخة المطابقة:

Microsoft Edge 44.19041.423.0
Microsoft EdgeHTML 18.19041

نقطة جيدة - نفس الشيء في اختباراتي.

{browserName: MicrosoftEdge، browserVersion: 44.18362.449.0، javascriptEnabled: true، pageLoadStrategy: normal، platform: WINDOWS، platformName: WINDOWS، setWindowRect: false، timeouts: {implicit: 0، pageLoad: 300000، script: 30000}،، zal: screenResolution : 1600x1200، zal: tz : Europe / Vienna}

أنا أتساءل لماذا استخدمناها إذا لم يكن لدينا دعم المتصفح لها. 🤔 AFAIK علينا دعم جميع إصدارات Edge أو؟
https://caniuse.com/intersectionobserver

thomaspink أي تحديثات حول هذا الخطأ؟

بعد إجراء مزيد من التحقيق ، لا يحدث الخطأ إلا عند استخدام محرك العرض القديم بدلاً من Ivy.
يمكن استنساخه عن طريق تعطيل اللبلاب

  "angularCompilerOptions": {
    "enableIvy": false
  }

والنقر في حقل التصفية في MS Edge.

هل كانت هذه الصفحة مفيدة؟
0 / 5 - 0 التقييمات

القضايا ذات الصلة

bradking1329 picture bradking1329  ·  3تعليقات

schobocop picture schobocop  ·  13تعليقات

christian-fischer picture christian-fischer  ·  4تعليقات

tomheller picture tomheller  ·  21تعليقات

ffriedl89 picture ffriedl89  ·  8تعليقات