React: क्रोम ऑटोफिल नियंत्रित घटकों पर मूल्यों को अधिलेखित करता है

को निर्मित 24 जन॰ 2019 · 4टिप्पणियाँ · स्रोत: facebook/react

क्या आप किसी सुविधा का अनुरोध करना चाहते बग की रिपोर्ट करना चाहते हैं?
गलती सूचित करें। प्रारंभ में https://github.com/mozilla-services/react-jsonschema-form/issues/1153 पर रिपोर्ट किया गया

वर्तमान व्यवहार क्या है?
जब फ़ील्ड उन घटकों को रिएक्ट में नियंत्रित घटकों पर फ़ील्ड में मौजूदा मानों को अधिलेखित कर देता है।

Https://jsfiddle.net/epicfaace/9p17e2qx/21/ देखें - इसे जांचने के लिए, Chrome विकल्पों में "सहेजा गया पता" जोड़ें।

2019-01-24 10 37 23

अपेक्षित व्यवहार क्या है?
ऑटोफिल मौजूदा क्षेत्रों को अधिलेखित नहीं करता है। मैंने एक सादे HTML फॉर्म के साथ JSFiddle बनाया है, जो अपेक्षित व्यवहार के साथ काम करता है।

Https://jsfiddle.net/epicfaace/1my3f9n4/6/ देखें

2019-01-24 10 37 02

रिएक्ट के कौन से संस्करण और कौन से ब्राउज़र / OS इस समस्या से प्रभावित हैं?
प्रतिक्रिया 15.3.2
क्रोम 71.0.3578.98

DOM Breaking Change Bug

स्रोत

epicfaace

👍1

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

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

उदाहरण के लिए। पहले नाम फ़ील्ड में एक स्ट्रिंग टाइप करें ... प्रतिक्रिया आपके द्वारा टाइप किए गए मान को अद्यतन करेगी। ईमेल ऑटोफिल का प्रयास करें और यह पहले नाम क्षेत्र को अधिलेखित कर देगा।

हालाँकि, पहले नाम फ़ील्ड में एक स्ट्रिंग टाइप करें, फिर तत्व का निरीक्षण करें और आपके द्वारा टाइप किए गए के अलावा किसी स्ट्रिंग के लिए पहले नाम मान को संपादित करें, और फिर से ईमेल ऑटोफ़िल का प्रयास करें ... इस बार यह अधिलेखित नहीं होगा .. .since मान "डिफ़ॉल्ट" मान के समान नहीं है।

इसके चारों ओर एक और तरीका है onChange, अद्यतन स्वतः पूर्ण = this.state.value। और क्रोम किसी कारण से इस क्षेत्र को स्वत: पूर्ण नहीं होने की पहचान करेगा। (स्वतः पूर्ण = बंद काम नहीं करता है ... यह किसी भी यादृच्छिक स्ट्रिंग होना चाहिए) यदि रिक्त है और यह .state.value खाली है, तो स्वतः भरण अपेक्षित के अनुसार फ़ील्ड पर काम करेगा।

mabeabe28 24 जन॰ 2019

👍4

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

mabeabe28 24 जन॰ 2019

👍4

^ ^ यह सही है। यहाँ onChange सुझाव का उपयोग करके एक कार्यशील उदाहरण दिया गया है: https://jsfiddle.net/epicfaace/9p17e2qb/5/

epicfaace 25 जन॰ 2019

👍1

बहुत ही रोचक! यह उन इनपुट पर मूल्य विशेषता / संपत्ति को सिंक्रनाइज़ करने का एक साइड-इफेक्ट है, जो मुझे पहले से पता नहीं था (धन्यवाद, @ mabeav28):

यदि मान गुण मान संपत्ति के समान है, तो क्रोम मानता है कि इनपुट "अछूता" है, और एक ऑटोफिल कार्रवाई के दौरान मूल्य संपत्ति को बदल देगा

मुझे आश्चर्य है कि क्या यह अन्य ब्राउज़रों में सच है।

मुझे लगता है कि हमारे पास एक बग ट्रैकिंग ऑटोफिल मुद्दों का होना आवश्यक है, लेकिन मुझे यकीन नहीं है कि उनमें से कोई भी यह दस्तावेज करता है। मैंने यह भी बताया कि मूल और प्रतिक्रिया दृष्टिकोण की तुलना करता है:

https://codesandbox.io/s/01zr8pll00

nhunzaker 28 जन॰ 2019

यदि मान गुण मान संपत्ति के समान है, तो क्रोम मानता है कि इनपुट "अछूता" है, और एक ऑटोफिल कार्रवाई के दौरान मूल्य संपत्ति को बदल देगा

यह कम से कम आंशिक रूप से # 13525 ("मूल्य विशेषता में इनपुट मानों को रोकना") द्वारा हल किया जा सकता है।

beheh 4 फ़र॰ 2019

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

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

React: क्रोम ऑटोफिल नियंत्रित घटकों पर मूल्यों को अधिलेखित करता है

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

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

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