Vaadin-combo-box: टॉगल-बटन पर क्लिक करके इनपुट पर ध्यान केंद्रित करना चाहिए

@ mas4ivv क्या आप इस डेमो के साथ इस मुद्दे को पुन: पेश कर सकते हैं?
https://jazzy-pedestrian.glitch.me

कोड यहां है (बदलाव करने के लिए मेनू में "रीमिक्स प्रोजेक्ट" दबाएं):
https://glitch.com/edit/#!/jazzy -pedestrian?path=index.html

वर्तमान में, ऊपर दिए गए चरणों को करते समय, मैं टॉगल बटन पर क्लिक करके कॉम्बो-बॉक्स पर ध्यान केंद्रित करने में सक्षम हूं।
क्या आप वाकई घटक के नवीनतम संस्करण का उपयोग कर रहे हैं?

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

वर्कअराउंड के रूप में मैंने कम्बोबॉक्स में एक क्लिक श्रोता को शामिल किया:
यह।$.toggleButton.addEventListener("क्लिक", फ़ंक्शन (ई) {
कि.$.input.focusElement.select();
});

मैंने अभी macOS पर Firefox 60.7.0esr (64-बिट) पर इसका परीक्षण किया है और इसे पुन: पेश नहीं कर सकता। @ mas4ivv क्या आप अपने Firefox ESR संस्करण को इस नवीनतम 60.7.0esr में अपग्रेड करवा सकते हैं और पुनः प्रयास कर सकते हैं?

मैंने विशिष्ट संस्करण फ़ायरफ़ॉक्स 60.6.1esr ( यहां से ) भी डाउनलोड किया और उस एक (कम से कम macOS पर) के साथ भी इस मुद्दे को पुन: पेश नहीं कर सकता।

@mas4ivv क्या आपके पास Firefox में कोई ऐड-ऑन सक्षम है? यदि हां, तो क्या आप यह जांचने के लिए सभी ऐड-ऑन को अक्षम करने का प्रयास कर सकते हैं कि वे समस्या का कारण तो नहीं हैं? या शायद कोशिश करें (निजी मोड)।

मैंने वर्चुअल मशीन में विंडोज 10 (64 बिट) पर फ़ायरफ़ॉक्स 60.6.1esr भी स्थापित किया है और वहां भी यह काम करता है (समस्या को पुन: उत्पन्न नहीं कर सकता)।

फिलहाल मैं केवल मेरे द्वारा उल्लिखित फ़ायरफ़ॉक्स संस्करण का उपयोग कर सकता हूं (एक नए फ़ायरफ़ॉक्स के साथ घर पर कोशिश करूँगा), लेकिन मैंने क्रोम के साथ अपने मोबाइल पर भी यही कोशिश की और वही परिणाम प्राप्त किया। क्या आपने बिल्कुल टॉगल बटन पर क्लिक किया था? Combobox पर कहीं और क्लिक करते समय व्यवहार अपेक्षानुसार होता है।

हां, मैंने सीधे टॉगल बटन आइकन पर क्लिक करना सुनिश्चित किया, लेकिन कहीं और क्लिक करने का भी परीक्षण किया।

अब जब आपने मोबाइल क्रोम का उल्लेख किया है, तो मैंने अभी-अभी एंड्रॉइड पर क्रोम के साथ परीक्षण किया है और वहां मैं समस्या देख सकता हूं।

@ mas4ivv आप डेस्कटॉप (विन, लिनक्स,

विंडोज 7 पर फ़ायरफ़ॉक्स, एंड्रॉइड पर क्रोम।

@ mas4ivv क्या आप विंडोज 7 पर टच स्क्रीन का उपयोग कर रहे हैं?

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

मुझे लगता है कि समस्या शायद स्पर्श घटनाओं से संबंधित है। कम से कम अब इस अहसास के बाद डिबग करना आसान हो गया है।

साथ ही डेव टूल्स में "सेंसर" टैब से "टच: फोर्स इनेबल्ड" का चयन करके बिना रिस्पॉन्सिव मोड (डिवाइस टूलबार) के क्रोम में रिप्रोड्यूस किया जा सकता है।

असल में ऐसा लगता है कि यह एक ऐसी सुविधा है जिसे विशेष रूप से टच डिवाइस पर वर्चुअल कीबोर्ड खोलने से रोकने के लिए लागू किया गया है (टॉगल बटन पर क्लिक करते समय) जब तक कि उपयोगकर्ता स्पष्ट रूप से इनपुट भाग पर क्लिक/टैप नहीं करता।

https://github.com/vaadin/vaadin-combo-box/blob/master/src/vaadin-combo-box-mixin.html#L331

// For touch devices, we don't want to popup virtual keyboard on touch devices unless input
// is explicitly focused by the user.
if (!this.$.overlay.touchDevice) { //...

यह हिस्सा केवल इनपुट पर ध्यान केंद्रित करता है (टॉगल बटन पर क्लिक करते समय) यदि यह स्पर्श सक्षम डिवाइस नहीं है।

हमें शायद इस पर पुनर्विचार करने की जरूरत है कि यह कैसे काम करना चाहिए।

यह मदद करेगा अगर यह पता लगाना संभव है कि डिवाइस स्पर्श सक्षम है लेकिन वर्चुअल कीबोर्ड नहीं है (जैसे डिफ़ॉल्ट रूप से मोबाइल डिवाइस पर)। या अगर हम यह पता लगा सकते हैं कि यह "मोबाइल डिवाइस" नहीं है, लेकिन स्पर्श सक्षम है। मुझे यकीन नहीं है कि ज्यादातर मामलों में अच्छा काम करने के लिए इसका सबसे अच्छा तर्क क्या होगा। टचस्क्रीन या अन्य "हाइब्रिड" उपकरणों वाले लैपटॉप को देखते हुए यह थोड़ा जटिल हो सकता है।

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

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

@ mas4ivv उपरोक्त को ध्यान में रखते हुए, क्या यह आपके लिए काफी अच्छा होगा यदि इस मामले में (टच डिवाइस पर) हम इनपुट भाग पर ध्यान केंद्रित किए बिना किसी तरह से कॉम्बो-बॉक्स पर ध्यान केंद्रित करेंगे, या किसी बाहरी तत्व (पाठ) को फोकस करना सुनिश्चित करेंगे इस मामले में फ़ील्ड) हो सकता है कि टॉगल बटन पर क्लिक करते समय फोकस हो गया हो?

@ हाप्रोग : हाँ, दोनों सुझाव हमारे लिए ठीक होंगे। और आपका कोड देखकर मैं समझता हूं कि मेरा अगला काम यह पता लगाना है कि हमारे डेस्कटॉप क्यों सोचते हैं कि वे टच डिवाइस हैं ...

मैंने कम से कम एक बार ताजा वीएम पर विन 7 (32 बिट) के साथ फ़ायरफ़ॉक्स 60 ईएसआर के एक ही संस्करण को चलाने के साथ इसका परीक्षण किया, लेकिन यह वहां कम से कम डिफ़ॉल्ट रूप से पुन: उत्पन्न नहीं हुआ, यहां तक ​​​​कि ओएस + ब्राउज़र संयोजन में स्पर्श सक्षम नहीं होना चाहिए। हो सकता है कि आपके OS या ब्राउज़र सेटिंग में कुछ हो। यदि आपने एफएफ सेटिंग्स को संशोधित किया है तो शायद कुछ हिस्सा स्पर्श घटनाओं को मजबूर करता है। लेकिन मुझे लगता है कि यह विंडोज़ में कुछ सेटिंग्स के कारण भी हो सकता है।

@ mas4ivv इसके लिए एक फिक्स लागू किया गया था ताकि स्पर्श सक्षम उपकरणों पर यह टॉगल बटन पर क्लिक करते समय पहले से केंद्रित तत्व (यदि कोई हो) को अनफोकस कर देगा।

फिक्स अब vaadin-combo-box v5.0.4 के साथ जारी किया गया है।

इस संस्करण के लिए वेबजार प्रकाशित किया जा रहा है और जल्द ही मावेन सेंट्रल में उपलब्ध होना चाहिए (जावा एपीआई के लिए)।

हाँ, दोनों सुझाव हमारे लिए ठीक होंगे। और आपका कोड देखकर मैं समझता हूं कि मेरा अगला काम यह पता लगाना है कि हमारे डेस्कटॉप क्यों सोचते हैं कि वे टच डिवाइस हैं ...

बीटीडब्ल्यू मुझे लगता है कि मैंने कहीं पढ़ा है कि विंडोज़ पर कुछ अन्य सॉफ़्टवेयर वर्चुअल टच डिवाइस स्थापित कर सकते हैं, जिससे ब्राउज़रों को लगता है कि कंप्यूटर स्पर्श सक्षम है। ऐसा हो सकता है यदि आप कुछ विशेष सॉफ़्टवेयर चला रहे हैं जिसके लिए किसी भी कारण से वर्चुअल टच डिवाइस की आवश्यकता होती है।