<p>वाडिन-कॉम्बो-बॉक्स जब पेपर-डायलॉग के अंदर रखा जाता है तो कुछ मामलों में डायलॉग बंद हो जाता है।</p>

को निर्मित 21 फ़र॰ 2017 · 19टिप्पणियाँ · स्रोत: vaadin/vaadin-combo-box

विवरण

जब vaadin-combo-box तत्व को पेपर-डायलॉग के अंदर रखा जाता है, यदि उपयोगकर्ता चयन के लिए बॉक्स खोलता है (लेकिन चयन नहीं करता है, बस इसे खुला छोड़ देता है) तो डायलॉग में कहीं भी क्लिक करने से डायलॉग बंद हो जाता है।

अनुमानित परिणाम

डायलॉग में कहीं भी क्लिक करें (pr. टॉप लेफ्ट कॉर्नर) बॉक्स को बंद कर देना चाहिए, लेकिन डायलॉग को खुला छोड़ दें।

वास्तविक परिणाम

डायलॉग में कहीं भी क्लिक करने से पूरा डायलॉग बंद हो जाता है।

लाइव डेमो

https://jsfiddle.net/ribe/02tntfn3/2/

प्रजनन के चरण

संवाद खोलें,
बॉक्स खोलें, और चयन न करें - इसे खुला छोड़ दें,
3.संवाद के ऊपरी बाएँ कोने पर क्लिक करें।

स्रोत

GoceRibeski

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

FYI करें, यह तब भी होता है जब आप अपने माउस का उपयोग करके कॉम्बो बॉक्स में किसी आइटम का चयन करते हैं ...

kito99 2 मार्च 2017

👍7

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

घटनाओं के प्रसार के साथ एक प्रकार का बग है। ई. जी. Esc दबाकर vaadin-combo-box को बंद करने से डायलॉग भी बंद हो जाता है। ऐसे मामलों में मैं आमतौर पर on-keydown="_stopPropagation" जैसे कुछ का उपयोग करता हूं और फिर इस तरह हैंडलर जोड़ता हूं:

_stopPropafation: function (e) {
  e.stopPropagation()
}

IronA11yKeysBehavior द्वारा आपूर्ति की गई stopKeyboardEventPropagation संपत्ति भी है, लेकिन वह व्यवहार vaadin-combo-box द्वारा लागू नहीं किया गया है और ऐसा लगता है कि संपत्ति कुछ अन्य तत्वों के लिए काम नहीं करती है, ऐसा लगता है कि यह घटनाओं को बहुत देर से संभालता है।

web-padawan 21 फ़र॰ 2017

मुझे यह नहीं मिल रहा है कि उस ईवेंट को कहां रखा जाए जो दिए गए फिडल में stopPropagation को कॉल करेगा। कोई उपाय?

GoceRibeski 21 फ़र॰ 2017

नमस्ते!

यहां चुनौती यह है कि <vaadin-combo-box> <body> तहत रखा गया है, जो <paper-dialog> के बाहर है, इसलिए यह कॉम्बो-बॉक्स के ओवरले पर किसी भी क्लिक को "बाहरी क्लिक" के रूप में मानता है। ", जो डिफ़ॉल्ट रूप से संवाद को बंद कर देता है।

वर्कअराउंड के रूप में, जब कॉम्बो-बॉक्स खुला होता है, तो आप बाहरी क्लिकों को अक्षम कर सकते हैं:

...
<vaadin-combo-box id="third" label="Focus Third" tabindex="3" on-focus="_focusInput" items="[[items]]" on-blur="_onBlur" on-opened-changed="_onComboBoxOpened">
        </vaadin-combo-box>

<script>
...
_onComboBoxOpened: function(e) {
  if (e.detail.value) {
    this.$.add_row_details_dialog.noCancelOnOutsideClick = true;
  } else {
    this.async(function() {
      this.$.add_row_details_dialog.noCancelOnOutsideClick = false;
    }, 10);
  }
}
...
</script>

Saulis 1 मार्च 2017

@ सॉलिस , दुर्भाग्य से, आपका दृष्टिकोण मेरे लिए काम नहीं करता है। हालांकि, मैंने पेपर-डायलॉग पर noCancelOnOutsideClick प्रॉपर्टी को सही पर सेट किया है, और यह समस्या को ठीक करता है (इस मामले में, जब आप इसके बाहर क्लिक करते हैं तो डायलॉग को बंद करने की कोई आवश्यकता नहीं थी)।

kito99 2 मार्च 2017

👍1

kito99 2 मार्च 2017

👍7

पेपर-डायलॉग एलिमेंट पर 'नो-कैंसल-ऑन-आउट-क्लिक' लागू करें। यह डायलॉग को बंद होने से रोकेगा जब आप वैडिन-कॉम्बो-बॉक्स में माउसक्लिक या कीबोर्ड से तत्व का चयन करते हैं।

<paper-dialog no-cancel-on-outside-click> <vaadin-combo-box class="elements-box" items="[[arrayOfValues]]"></vaadin-combo-box> </paper-dialog>

artem-vladimirov 17 मार्च 2017

👍1

@kito99 /@artem-vladimirov नो-कैंसल-ऑन-आउट-क्लिक के साथ वर्कअराउंड सामान्य रूप से या मेरे लिए उपयुक्त नहीं है, क्योंकि मैं चाहता हूं कि उपयोगकर्ता बाहरी क्लिक के साथ डायलॉग को बंद करने में सक्षम हो। (लेकिन मैं पुष्टि कर सकता हूं कि अगर यह आवश्यकता नहीं है तो यह काम करता है)।

एक और (समान) समाधान iron-overlay-canceled घटना को सुनना है और फिर event.stopPropagation() और event.preventDefault() पर कॉल करना है, लेकिन इसमें अन्य समाधान के समान ही समस्या है - यह संवाद को बंद करने से रोकता है एक पृष्ठभूमि पर क्लिक करें।

मैंने दो घटनाओं को एक दूसरे से अलग करने की कोशिश की है लेकिन अभी तक कोई भाग्य नहीं है।

मैं @kito99 के अवलोकन की पुष्टि कर सकता हूं कि केवल एक आइटम का चयन करने से डायलॉग बंद हो जाता है, और इसी तरह पेपर-डायलॉग पर क्लिक करके चयन को रद्द कर देता है।

संपादित करें:

मैं निम्नलिखित कामकाज के साथ आया:

        listeners: {
          "iron-overlay-canceled": "onCanceled",
        },
        onCanceled(event) {
            const paperDialogHoverElement = document.querySelector("paper-dialog:hover");
            const vaadinHoverElement = document.querySelector("vaadin-combo-box-overlay:hover");
            if (paperDialogHoverElement || vaadinHoverElement) {
                event.stopPropagation();
                event.preventDefault();
            }
        }

संक्षेप में, ईवेंट केवल तभी रद्द किया जाता है जब कर्सर पेपर-डायलॉग पर या ओवरले तत्व पर हो। इस समाधान के साथ मैं ड्रॉपडाउन मानों का चयन कर सकता हूं, बाहरी क्लिक के साथ संवाद बंद कर सकता हूं और एस्केप बटन के साथ संवाद भी बंद कर सकता हूं। क्रोम और फ़ायरफ़ॉक्स पर परीक्षण किया गया।

panuhorsmalahti 3 अप्रैल 2017

क्या नए संस्करण की प्रतीक्षा करने के अलावा यहां कुछ करना है? आधिकारिक वैडिन वर्कअराउंड?

timoteoponce 10 मई 2017

मुझे यकीन नहीं है कि मैं इस मुद्दे को इतने लंबे समय से पूरी तरह से क्यों याद कर रहा हूं। यह वास्तव में एक मौलिक उपयोगिता समस्या है और इसे जल्द से जल्द ठीक किया जाना चाहिए। मैं देखूंगा कि क्या मैं @Saulis या देव टीम के किसी और को इस या अगले सप्ताह देखने के लिए प्रेरित कर सकता हूं।

jouni 10 मई 2017

👍1

हे दोस्तों, कृपया शाखा iron-overlay-cancel को आजमाएं (दुर्भाग्य से यह वर्तमान मास्टर के शीर्ष पर बनाया गया है, इसलिए इसके हाइब्रिड होने के साथ कुछ निर्भरता संघर्ष हो सकते हैं - 2.0-preview तक डिप्स को हल करें, और पॉलिमर जो भी आप चाहते हैं)

मैंने 1.x शाखा ( iron-overlay-cancel-v1 ) के शीर्ष पर परिवर्तन को भी चेरी-चुना गया, लेकिन वर्तमान में इसे स्वयं काम करने की पुष्टि नहीं कर सकता क्योंकि मैं अपने पॉलिमर 2 बोवर सेटअप को गड़बड़ नहीं करना चाहता: -)

अद्यतन: यह सुधार शायद केवल iron-overlay-behavior v1.10.3 या बाद के संस्करण पर काम करता है।

Saulis 10 मई 2017

@GoceRibeski @web-padawan @kito99 @artem-vladimirov @panuhorsmalahti @timoteoponce किसी के पास इसे ठीक करने की कोशिश करने का मौका है? धन्यवाद!

Saulis 12 जून 2017

@Saulis याद दिलाने के लिए धन्यवाद। मैंने अभी iron-overlay-cancel-v1 शाखा पकड़ी है और मुझे चेतावनी दिखाई दे रही है:

[vaadin-combo-box::_createEventHandler]: listener method `_onBlur` not defined

इसलिए, paper-dialog और आंतरिक vaadin-combo-box दोनों को खोलने के बाद, मैंने दो चीजों की कोशिश की:

Esc कुंजी दबाने पर डायलॉग बंद हो जाता है जबकि कॉम्बो-बॉक्स ओवरले खुला रहता है,
आइटम का चयन करते समय, डायलॉग और कॉम्बो बॉक्स दोनों बंद हो जाते हैं।

मेरे पास अभी जांच करने के लिए ज्यादा समय नहीं है, लेकिन लगता है कि लापता श्रोता इसका कारण हो सकता है।

web-padawan 12 जून 2017

@ वेब-पडावन धन्यवाद! लापता _onBlur के बारे में चिंता करने की कोई आवश्यकता नहीं है, यह एक श्रोता है जिसे जानबूझकर हटा दिया गया है, लेकिन गलती से श्रोता को बाध्यकारी छोड़ दिया गया है। मुझे आपके द्वारा रिपोर्ट की गई उन समस्याओं का पुन: परीक्षण करने की आवश्यकता है, मैंने स्वयं v1 शाखा का परीक्षण नहीं किया है।

Saulis 12 जून 2017

@ web-padawan मैं पुष्टि कर सकता हूं कि फिक्स मेरे लिए iron-overlay-cancel दोनों पर पॉलिमर 2.x और iron-overlay-cancel-v1 पॉलिमर 1.9.1 के साथ काम करता है - कृपया दोबारा जांच लें कि आपके पास iron-overlay-behavior v1.10.3 या बाद में स्थापित (मैं 2.0.0 चला रहा हूं)

Saulis 12 जून 2017

@ सॉलिस यह मेरे लिए काम नहीं करता है। वास्तव में मेरे पास एक अजीब बग भी है जो 2.0a4 पर मौजूद नहीं है। मेरे टेम्पलेट से सभी पाठ गायब हो जाते हैं

मैं iron-overlay-behavior#2.0.0 के साथ पॉलिमर 2 चला रहा हूं

यहाँ 2.0.0-alpha4 है: http://www.giphy.com/gifs/3ohzdQKeVtoswDSpfW
यहाँ iron-overlay-cancel शाखा है: http://www.giphy.com/gifs/3o7btZ3T0yMwKkG6fm

arkihillel 12 जून 2017

@arkihillel मैंने iron-overlay-cancel को master के शीर्ष पर पुन: आधारित किया है, क्या आप पुनः प्रयास कर सकते हैं? और सुनिश्चित करें कि आपने सभी बोवर डिपो को फिर से स्थापित किया है।

Saulis 12 जून 2017

लगता है मेरे लिए काम करता है।
उपयोग करना: वाडिन-कॉम्बो-बॉक्स#आयरन-ओवरले-कैंसल, पॉलीमर#2.0.1, आयरन-ओवरले-व्यवहार#2.0.0

बीटीडब्ल्यू, कोई बड़ी बात नहीं है, लेकिन आपने _removeOutsideTabListener के साथ एक टाइपो बनाया होगा, यानी टैब बनाम टैप;)

jonagh 12 जून 2017

@ सॉलिस अब काम करता है!
संपादन के लिए खेद है, मैंने सोचा कि मैंने एक अजीब बग खोजा है लेकिन यह मेरी गलती थी

arkihillel 13 जून 2017

👍1

क्या पहले से ही कोई स्थिर समाधान है?
जब माउस का उपयोग करके कोई आइटम चुना जाता है, तो ईवेंट (चयनित इटैम चेंज) दो बार ट्रिगर होता है; नए चयनित आइटम के साथ पहला और पिछले के साथ दूसरा (असंभव परिवर्तन चयन)।
धन्यवाद।

JuanCalderon 4 अग॰ 2017

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

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

<p>वाडिन-कॉम्बो-बॉक्स जब पेपर-डायलॉग के अंदर रखा जाता है तो कुछ मामलों में डायलॉग बंद हो जाता है।</p>

विवरण

अनुमानित परिणाम

वास्तविक परिणाम

लाइव डेमो

प्रजनन के चरण

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

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

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