Barista: [फ़िल्टर फ़ील्ड] एमएस एज में सुझाव प्रदर्शित नहीं कर रहा है

को निर्मित 4 सित॰ 2020 · 13टिप्पणियाँ · स्रोत: dynatrace-oss/barista

बग रिपोर्ट

MS Edge के गैर-क्रोमियम संस्करण में फ़िल्टर फ़ील्ड में क्लिक करने पर, कोई फ़िल्टर सुझाव नहीं दिखाया जाता है। साथ ही, टाइप करते समय Clear All बटन दिखाई नहीं देता है। इसके बजाय एक खराब दिखने वाला "X" है जो इनपुट को साफ़ करता है (स्क्रीनशॉट देखें)।

यह केवल तब होता है, जब ऐप को आइवी के बजाय व्यू इंजन के साथ संकलित किया जाता है।

अपेक्षित् व्यवहार

फ़िल्टर फ़ील्ड में क्लिक करते समय, सुझावों को ड्रॉप-डाउन घटक में दिखाया जाना चाहिए, जैसा कि अन्य ब्राउज़रों में होता है।

वर्तमान व्यवहार

MS Edge में फ़िल्टर फ़ील्ड में क्लिक करने से फ़िल्टर सुझावों के साथ ड्रॉप-डाउन घटक नहीं खुलता है। ड्रॉप-डाउन के स्थान पर एक छोटा बॉर्डर देखा जा सकता है (स्क्रीनशॉट देखें)।

प्रजनन के चरण

ऐप के tsconfig में कोणीय आइवी अक्षम करें:

  "angularCompilerOptions": {
    "enableIvy": false
  }

किसी भी गैर-क्रोमियम संस्करण MS Edge में फ़िल्टर फ़ील्ड में क्लिक करें।
कोई सुझाव मान प्रदर्शित नहीं होते हैं

प्रसंग (पर्यावरण)

प्रयुक्त संस्करण:

कोणीय : 10.0.9
@ कोणीय/सीडीके : 10.1.1
@ डायनाट्रेस/बरिस्ता-घटक : 8.0.0

संलग्नक

"सभी को साफ़ करें" के बजाय अजीब एक्स

image (5)

कोई ड्रॉपडाउन नहीं लेकिन बॉर्डर दिखाई दे रहा है

image (4)

अपेक्षित व्यवहार Firefox

image (7)

वास्तविक व्यवहार एमएस एज

image (6)

bug filter-field has-pr

स्रोत

samuelfahrngruber

सबसे उपयोगी टिप्पणी

जैसा कि एज <=16 के लिए IntersectionObserver बग प्रतीत होता है, मैं वर्तमान में इन ब्राउज़रों के लिए हाइलाइटिंग को अक्षम करने के बारे में सोच रहा हूं। यह इसे कम से कम प्रयोग करने योग्य बना देगा।
कृपया मुझे इस "समाधान" के बारे में अपने विचार बताएं।

thomaspink 9 सित॰ 2020

👍2

सभी 13 टिप्पणियाँ

विंडोज 10 मशीन पर

lukasholzer 8 सित॰ 2020

@samuelfahrngruber आपका व्यवहार प्रतिलिपि प्रस्तुत करने योग्य नहीं है क्योंकि एज संस्करण 18 में स्वत: पूर्ण सही ढंग से प्रदर्शित होता है।

lukasholzer 8 सित॰ 2020

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

क्या मुझे इस मुद्दे के लिए एक और बग फाइल करनी चाहिए?

इसके अलावा, मैं एक स्टैकब्लिट्ज उदाहरण प्रदान नहीं कर सकता क्योंकि यह एमएस एज के साथ बिल्कुल भी काम नहीं करता है।

संपादित करें: मैंने इस समस्या के लिए एक बग बनाया है #1577

samuelfahrngruber 8 सित॰ 2020

एज पर dt-highlight साथ एक समस्या प्रतीत होती है।

हाइलाइट घटक जो स्वत: पूर्ण के लिए प्रत्येक विकल्प के अंदर उपयोग किया जाता है, हाइलाइट किए गए टेक्स्ट को प्रस्तुत नहीं करता है।

ऐसा लगता है कि यह 'IntersectionObserver' से संबंधित है जिसका उपयोग हाइलाइट घटक में किया जाता है। जब ओवरले खुलता है और पहला विकल्प दिखाई देता है, तो प्रारंभिक रेंडर के बाद ऑब्जर्वर किनारे पर फायर नहीं करता है।

अन्य सभी ब्राउज़र इरादे के अनुसार काम करते हैं।
अजीब बात यह है कि एज 15 . के बाद से IntersectionObserver समर्थित है

thomaspink 9 सित॰ 2020

संस्करण 7.5.1 से 8.0.0 तक अद्यतन करने के बाद समस्या उत्पन्न होती है, पहले हमें कोई समस्या नहीं थी।

samuelfahrngruber 9 सित॰ 2020

वर्तमान में जाँच कर रहा है कि क्या यह किसी तरह #1420 (PR #1433) से संबंधित है जहाँ इस कोड क्षेत्र को अंतिम बार छुआ गया है।

thomaspink 9 सित॰ 2020

👍2

मेरे लिए उचित लगता है - मैं इसे वोट देता हूं।

moertenschlag 9 सित॰ 2020

जैसा कि एज <=16 के लिए IntersectionObserver बग प्रतीत होता है, मैं वर्तमान में इन ब्राउज़रों के लिए हाइलाइटिंग को अक्षम करने के बारे में सोच रहा हूं। यह इसे कम से कम प्रयोग करने योग्य बना देगा।
कृपया मुझे इस "समाधान" के बारे में अपने विचार बताएं।

शायद अन्य गैर-क्रोमियम एज संस्करणों के लिए भी।
मेरे लिए समस्या एज 18 के साथ भी होती है।

सटीक संस्करण:

Microsoft Edge 44.19041.423.0
Microsoft EdgeHTML 18.19041

samuelfahrngruber 9 सित॰ 2020

अच्छा बिंदु - मेरे परीक्षणों में भी ऐसा ही है।

{ब्राउज़रनाम: MicrosoftEdge, ब्राउज़रसंस्करण: ४४.१८३६२.४४९.०, जावास्क्रिप्ट सक्षम: सत्य, पृष्ठ लोड रणनीति: सामान्य, प्लेटफ़ॉर्म: विन्डोज़, प्लेटफ़ॉर्मनाम: विन्डोज़, सेटविंडोरेक्ट: असत्य, समय समाप्त: {अंतर्निहित: ०, पृष्ठ लोड: ३००००, स्क्रिप्ट: ३००००}, ज़ल: स्क्रीन रिज़ॉल्यूशन : 1600x1200, zal:tz : यूरोप/वियना}

moertenschlag 9 सित॰ 2020

मैं सवाल कर रहा हूं कि अगर हमारे पास इसके लिए ब्राउज़र समर्थन नहीं है तो हमने इसका इस्तेमाल क्यों किया है। AFAIK हमें सभी एज संस्करणों का समर्थन करना है या?
https://caniuse.com/intersectionobserver

lukasholzer 10 सित॰ 2020

@thomaspink इस बग पर कोई अपडेट?

moertenschlag 14 सित॰ 2020

आगे की जांच करने के बाद, बग केवल तब होता है जब आइवी के बजाय पुराने व्यू इंजन का उपयोग किया जाता है।
आइवी को अक्षम करके पुन: उत्पन्न करने योग्य

  "angularCompilerOptions": {
    "enableIvy": false
  }

और MS Edge में फ़िल्टर फ़ील्ड में क्लिक करना।

samuelfahrngruber 15 सित॰ 2020

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Barista: [फ़िल्टर फ़ील्ड] एमएस एज में सुझाव प्रदर्शित नहीं कर रहा है

बग रिपोर्ट

अपेक्षित् व्यवहार

वर्तमान व्यवहार

प्रजनन के चरण

प्रसंग (पर्यावरण)

प्रयुक्त संस्करण:

संलग्नक

"सभी को साफ़ करें" के बजाय अजीब एक्स

कोई ड्रॉपडाउन नहीं लेकिन बॉर्डर दिखाई दे रहा है

अपेक्षित व्यवहार Firefox

वास्तविक व्यवहार एमएस एज

सबसे उपयोगी टिप्पणी

सभी 13 टिप्पणियाँ

संबंधित मुद्दों