Barista: [डीटी-कुंजी-मूल्य-सूची] चयन का विस्तार - पाठ विस्थापन

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

बग रिपोर्ट

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

जब कुंजी-मान सूची घटक से पाठ का चयन किया जाता है, तो "शिफ्ट+एरो" के साथ पाठ चयन का विस्तार/संकुचित किया जाएगा।

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

यह चयन का विस्तार करता है, लेकिन यह चयनित टेक्स्ट को की-वैल्यू पेयर में भी ले जाता है।

प्रजनन के चरण

उदाहरण कोड: https://stackblitz.com/edit/github-bd8pek

पहली KV सूची में अंतिम कुंजी-मान युग्म में मान का चयन करें
"शिफ्ट + दायां तीर" के साथ चयन का विस्तार करें
जब यह केवी सूची से बाहर हो जाएगा तो चयनित कुंजी-मूल्य जोड़ी के साथ कुछ अजीब चीज होगी।

क्रोम में बग मौजूद है। मेरा संस्करण 80.0.3987.122 (आधिकारिक बिल्ड) (64-बिट) है। मैंने इसे फ़ायरफ़ॉक्स में चेक किया है और वहां यह ठीक काम करता है। मैं विंडोज 10 का उपयोग कर रहा हूं।

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

नोड : 12.12.6
एनपीएम : 4.1.5
टाइपस्क्रिप्ट : 3.7.5
कोणीय : 9.0.4
@ कोणीय/सीडीके : 8.2.3
@ डायनाट्रेस/बरिस्ता-घटक : 5.2.0

संलग्नक

example

bug has-pr help wanted

स्रोत

b-wohs

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

इतनी जल्दी इसकी देखभाल करने के लिए धन्यवाद!

b-wohs 5 मार्च 2020

👍2

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

मैं पुष्टि कर सकता हूं कि यह स्टैकब्लिट्ज एप्लिकेशन के भीतर प्रतिलिपि प्रस्तुत करने योग्य है।

यह डिबग करने के लिए एक मजेदार होगा।

फ़ायरफ़ॉक्स काम करने लगता है।
एज कम से कम बरिस्ता-ऐप में काम करता प्रतीत होता है।
सफारी एक ही समस्या का अनुभव करती है।

ऐसा लगता है कि आप जिस रैपर को सेट कर रहे हैं (विशेषकर डिस्प्ले फ्लेक्स) यदि कुंजी-मूल्य सूची ओवरफ्लो की शैलियों के साथ खिलवाड़ कर रहा है।

सामान्य तौर पर, कुंजी मान सूची दो या अधिक कॉलम प्रदर्शित करने में सक्षम होगी। आप कुंजी-मान-सूची घटक (https://barista.dynatrace.com/components/key-value-list/#multiple-columns) में जितने चाहें उतने कॉलम पास कर सकते हैं।

हमें यह देखना होगा कि फ्लेक्स कंटेनर में क्रोम और सफारी अजीब व्यवहार क्यों कर रहे हैं।

tomheller 4 मार्च 2020

ऐसा लगता है कि key-value-list-item-key::after की शैली, कुंजी और मान के बीच मानों को भरने के लिए एक लंबी सीमा को परिभाषित करने के साथ, इसे एक फ्लेक्स कंटेनर के भीतर गड़बड़ कर रही है। किसी तरह यहां अतिप्रवाह काम नहीं करता है।

https://github.com/dynatrace-oss/barista/blob/ae82a8839e81dc0851a8cacf34b5e8b2e4e8a264/libs/barista-components/key-value-list/src/key-value-list-item.scss#L20 -L27