Vaadin-combo-box: अमान्य स्थिति में फंस गया

यह इसके बजाय vaadin-text-field में एक बग प्रतीत होता है। vaadin-combo-box बस required और invalid गुणों को आंतरिक vaadin-text-field साथ सिंक करता है।

मुझे लगता है कि गतिशील रूप से required स्थिति (या अन्य सत्यापन बाधाओं) को बदलने पर घटक को विकसित करते समय विचार नहीं किया गया है।

सत्यापन required , pattern , maxlength और minlength । यदि उनमें से कोई भी सेट है, तो यह मूल <input> पर checkValidity() के वापसी मूल्य के आधार पर invalid बूलियन सेट करता है। यदि उनमें से कोई भी सेट नहीं है, तो आप अभी भी मैन्युअल रूप से invalid से true या false को अपने तर्क के आधार पर सेट कर सकते हैं और vaadin-text-field अमान्य स्थिति को वैसे ही रखता है जैसे यह है सेट किया गया।

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

मुझे लगता है कि यहां उचित तर्क यह देखना होगा कि जब कोई required , pattern , maxlength या minlength बाधाओं को हटा दिया जाता है _and_ invalid == true पहले से ही, फिर this.invalid = this.inputElement.checkValidity();

इसे केवल vaadin-text-field साथ पुन: प्रस्तुत किया जा सकता है:

<vaadin-text-field required="{{tfRequired}}"></vaadin-text-field><br>
<label>Required <input type="checkbox" checked="{{tfRequired::change}}"></label>

1. चेकबॉक्स को चालू करें (पाठ फ़ील्ड को आवश्यक बनाता है)
2. टेक्स्ट फ़ील्ड पर फ़ोकस करें और फ़ोकस करें (इसे अमान्य बना देता है क्योंकि यह अभी भी खाली है)
3. चेकबॉक्स को टॉगल करें (पाठ फ़ील्ड की आवश्यकता नहीं है)
4. टेक्स्ट फ़ील्ड में कुछ लिखें और उसे फ़ोकस करें, ध्यान दें कि टेक्स्ट फ़ील्ड अभी भी अमान्य के रूप में दिखाया गया है

मैंने इसके बारे में यहां एक मुद्दा खोला है https://github.com/vaadin/vaadin-text-field/issues/400 लेकिन अगर कोई और कॉम्बो बॉक्स के साथ इस मुद्दे को नोटिस करता है तो मैं बेहतर दृश्यता के लिए इस कॉम्बो बॉक्स मुद्दे को यहां छोड़ दूंगा। उपरोक्त टेक्स्ट फ़ील्ड समस्या के ठीक होने के बाद इसे बंद कर दिया जाना चाहिए।

यह सुधार vaadin-text-field v2.3.9 और v2.4.10 में जारी किया गया है।

मैं पुष्टि कर सकता हूं कि यह अभी अपेक्षित रूप से काम कर रहा है। अच्छा काम करने के लिए धन्यवाद, @Haprog! मैं

बीटीडब्ल्यू। afaik vaadin-text-field v2.3.9 और v2.4.10 के लिए WebJars टूट गए हैं, इसलिए यदि आपको जावा से इनका उपयोग करने की आवश्यकता है (संगतता मोड में Vaadin 10–13 या Vaadin 14) तो आपको थोड़ा इंतजार करने की आवश्यकता है। हमें काम करने वाले वेबजार के साथ जल्द ही v2.3.10 और v2.4.11 जारी करना चाहिए।