Chosen: iPad: बंद नहीं कर सकता/

को निर्मित 4 दिस॰ 2018 · 5टिप्पणियाँ · स्रोत: harvesthq/chosen

प्रजनन करने कि प्रक्रिया

आईपैड के माध्यम से https://harvesthq.github.io/chosen/ एक्सेस
"एकाधिक चयन" के अंतर्गत, एक तत्व जोड़ें।
अब - कहीं और क्लिक किए बिना - जोड़े गए तत्व को हटाने के लिए "x" पर क्लिक करें। कुछ नहीं होता है।

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

li.search-choice तत्व को हटाया जाना चाहिए। select.chosen-select option को अचयनित किया जाना चाहिए।

वास्तविक व्यवहार

li.search-choice तत्व रहता है। select.chosen-select option चयन जारी है। घटना chosen.click कभी सक्रिय नहीं होती है।

वातावरण

चुना हुआ संस्करण : 1.8.7 (चुनी हुई वेबसाइट पर) और ~1
jQuery या प्रोटोटाइप संस्करण : 3.2.1 (चुनी हुई वेबसाइट पर) और 2.1.4 और 2.2.4
ब्राउज़र और संस्करण : क्रोम, संस्करण 70.0.3538.110 (आधिकारिक बिल्ड) (64-बिट)
ओएस और संस्करण : विंडोज 10, संस्करण 1709, ओएस बिल्ड 16299.492

अतिरिक्त जानकारी

एक कार्य-आसपास जो ब्राउज़रों में काम करता है (कंसोल में "टॉगल डिवाइस टूलबार" के माध्यम से), लेकिन थोड़ा भी सहज नहीं है, वह है:

अनफोल्डिंग मेनू से एक तत्व का चयन करें ताकि li.search-choice तत्व जोड़ा जा सके। सूचना: "x" पर क्लिक करने से भी कुछ नहीं होता है।
वेबसाइट पर कहीं और क्लिक करें; यानी चुने हुए क्षेत्र के बाहर।
चुने हुए फ़ील्ड पर क्लिक करें ताकि खोज मेनू सामने आए।
अब "x" पहले जोड़े गए तत्व पर क्लिक करने योग्य है और इसे सही ढंग से क्लिक करने से तत्व हटा दिया जाता है।

यह वास्तविक, भौतिक iPad पर काम नहीं करता है।

विचारों

ऐसा लगता है कि जब कोई तत्व जोड़ा जाता है तो क्लिक भी नियत समय में प्रारंभ नहीं होता है।

चुने हुए जावास्क्रिप्ट कोड को जल्दी से स्कैन करते हुए मैं देखता हूं कि निम्नलिखित मुख्य घटनाएं - क्लिक करने के संबंध में - नियंत्रित की जा रही हैं:

mousedown
mousemove
mouseup
touchstart
touchmove
touchend

मुझे जो दिखाई नहीं दे रहा है, वह इसके लिए इवेंट हैंडलिंग है:

pointerdown
pointermove
pointerup

शायद इस मामले पर इसका असर है?

Bug iOS

स्रोत

kafoso

👍1

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

पुष्टि कर सकते हैं कि (कम से कम क्रोम में आईपैड होने का नाटक करते हुए) आप एक बहु-चयन से आइटम का चयन रद्द नहीं कर सकते। X को टैप करने से कुछ नहीं होता है।

tjschuck 4 दिस॰ 2018

मैं एक ही मुद्दे पर आया था।

मैंने पाया कि यदि आप चुनिंदा क्षेत्र से ध्यान केंद्रित करेंगे (न केवल बंद क्षेत्र, बल्कि वास्तव में किसी अन्य तत्व पर ध्यान केंद्रित करें), एक्स बटन अभी भी काम नहीं करते हैं। लेकिन आप में इस क्षेत्र पर फिर से ध्यान केंद्रित करेंगे (और ड्रॉप-डाउन प्रदर्शित करें), अब आप सफलतापूर्वक विकल्पों को हटा सकते हैं।

जैसे ही आप ड्रॉपडाउन बंद करते हैं, फिर से, एक्स काम नहीं कर रहा है।

मैं इसे क्रोम एमुलेटर और भौतिक डिवाइस दोनों पर पुन: पेश कर सकता हूं।

durbanski 14 दिस॰ 2018

बस इसे स्पष्ट करने के लिए। तत्व से बाहर निकलकर आपको .chosen-container बनाने की आवश्यकता है ताकि chosen-container-active वर्ग को छोड़ दिया जा सके। जब chosen-container-active को chosen-container से हटा दिया जाता है और नए फोकस द्वारा फिर से लागू किया जाता है, तो यह इस समय अच्छी तरह से काम करता है।

durbanski 14 दिस॰ 2018

ठीक है, मुझे यकीन नहीं है कि वास्तव में यहाँ क्या समस्या है, लेकिन मैंने इसे मेरे लिए काम कर दिया।

प्रारंभ करते समय सबसे पहले मैं इन विकल्पों का उपयोग कर रहा हूं:

el.chosen({
    display_selected_options: false,
    hide_results_on_select: false,
});

जब आप किसी क्षेत्र पर ध्यान केंद्रित नहीं कर रहे होते हैं तो कुछ कारणों से नियंत्रणों के साथ किसी भी इंटरैक्शन को अवरुद्ध करना चुना जाता है।

मैंने पाया कि जब आप बाहरी फ़ील्ड पर क्लिक करते हैं तो results_hide कहा जाता है, और यह विधि फ़ील्ड को एक्सेस करने से पूरी तरह से अवरुद्ध कर देती है (कम से कम मोबाइल/टैबलेट पर)। तो मैं इस व्यवहार को रोकने के लिए एक रास्ता तलाश रहा था।

ऐसा लगता है कि results_showing ध्वज को असत्य पर सेट करने से यह बग उत्पन्न हो रहा है।

Chosen.prototype.results_hide = function() {
  if (this.results_showing) {
    this.result_clear_highlight();
    this.container.removeClass("chosen-with-drop");
    this.form_field_jq.trigger("chosen:hiding_dropdown", {
      chosen: this
    });
  }
  // removed because of mobile issue with removeing options
  // return this.results_showing = false;
};

इसे स्रोत से हटाना (असुविधाजनक, लेकिन अब कोई अन्य विकल्प नहीं), चाल चलनी चाहिए।

मुझे यकीन नहीं है कि यह वास्तव में क्या कर रहा है, लेकिन इस समय मैंने कोई साइड इफेक्ट नहीं देखा।

durbanski 14 दिस॰ 2018

👍1

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

लाइन ५९०:

    AbstractChosen.browser_is_supported = function() {
      if ("Microsoft Internet Explorer" === window.navigator.appName) {
        return document.documentMode >= 8;
      }
      if (/iP(od|hone)/i.test(window.navigator.userAgent) || /IEMobile/i.test(window.navigator.userAgent) || /Windows Phone/i.test(window.navigator.userAgent) || /BlackBerry/i.test(window.navigator.userAgent) || /BB10/i.test(window.navigator.userAgent) || /Android.*Mobile/i.test(window.navigator.userAgent)) {
        return false;
      }
      if ((/iPhone|iPod|iPad|Android|android|playbook|silk|BlackBerry/).test(navigator.userAgent))
      {
        return false;
      }
      if (/Android/i.test(window.navigator.userAgent)) {
        if (/Mobile/i.test(window.navigator.userAgent)) {
          return false;
        }
       }
       return true;
     };

चियर्स
हेंस

HannesOberreiter 11 अग॰ 2019

👎1

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

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

Chosen: iPad: बंद नहीं कर सकता/

प्रजनन करने कि प्रक्रिया

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

वास्तविक व्यवहार

वातावरण

अतिरिक्त जानकारी

विचारों

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

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