React: बग: फ़ायरफ़ॉक्स: स्वतः पूर्ण/स्वतः भरण अभी भी काम नहीं कर रहा है

को निर्मित 23 मई 2020 · 3टिप्पणियाँ · स्रोत: facebook/react

विवरण, पुन: पेश करने के चरण और सैंडबॉक्स उदाहरण #17022 देखें!
फ़ायरफ़ॉक्स से मूल स्वत: पूर्ण कार्य अभी भी काम नहीं कर रहा है।

यह अन्य ढांचे (एंटीडी, सामग्री यूआई) को भी प्रभावित करता है:

यह अच्छा होगा अगर प्रतिक्रिया समुदाय में से कोई इसे एक शॉट दे सकता है क्योंकि मुझे लगता है कि देशी स्वत: पूर्ण एक बहुत ही महत्वपूर्ण यूएक्स सुविधा है।

Unconfirmed

स्रोत

Hadsch

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

मैंने इस पर गौर किया है और ऐसा लगता है क्योंकि रिएक्ट नियंत्रित इनपुट के लिए इनपुट DOM नोड के defaultValue को वर्तमान value पर सेट करता है। जब आप Firefox में कुछ सबमिट करते हैं जहां node.value === node.defaultValue यह उसे स्वतः भरण के लिए सहेजता नहीं है। यह कहीं भी प्रलेखित नहीं है, मुझे अभी परीक्षण मिला है (बिना प्रतिक्रिया के भी)।

इसे ""हल करता है"" समस्या को हटा रहा है:
https://github.com/facebook/react/blob/1d85bb3ce13401644a5e345f8bc84522c59a951c/packages/react-dom/src/client/ReactDOMInput.js#L420

रिएक्ट द्वारा वर्तमान value को defaultValue असाइन करने का कारण यह है कि यदि आपके पास type="reset" साथ एक इनपुट है और आप इसे क्लिक करते हैं, तो आपको अपने नियंत्रित में रिक्त फ़ील्ड मिलेंगे इनपुट अगर आपने उस लाइन को हटा दिया है (अगला री-रेंडर उन्हें ठीक कर देगा)। कोड के माध्यम से ब्राउज़ करके कम से कम मैं यही समझता हूं।

आप defaultValue एक खाली स्ट्रिंग लौटाकर एक नियंत्रित इनपुट पर फ़ायरफ़ॉक्स पर स्वत: पूर्ण/स्वतः भरण कार्य कर सकते हैं:

  function handleChange(event) {
    Object.defineProperty(event.target, "defaultValue", {
      configurable: true,
      get() { return "" },
      set() {},
    });
    setValue(event.target.value);
  }

यह तब तक काम करता है जब तक आपके पास type="reset" । अन्यथा आप देखेंगे कि सभी फ़ील्ड रिक्त के रूप में रीसेट हैं (अगला पुन: प्रस्तुत करना उन्हें ठीक करता है)। हालांकि मैं इसकी अनुशंसा नहीं करता, यह एक "हैक" है और मैंने इसे कहीं भी यह कहने में सक्षम होने के लिए उपयोग नहीं किया है कि यह 100% विश्वसनीय है।

वैसे भी, यह शायद फ़ायरफ़ॉक्स में एक बग .. या एक सुविधा- (बग?) MDN कहीं वर्णन करने वाले कारण है, लेकिन मैं चश्मा में कुछ भी नहीं मिला है, या node.value === node.defaultValue स्वत: भरण के लिए बचत की जमानत चाहिए ‍♀️

मैं इसे हल करने के लिए पीआर पर काम कर रहा हूं .. लेकिन, शायद फ़ायरफ़ॉक्स इसे अपनी तरफ से हल कर सकता है? (अस्पष्ट अगर यह एक बग है)
यह जानना बहुत अच्छा होगा कि क्या रिएक्ट कोर टीम के किसी व्यक्ति को इस मुद्दे के बारे में पता है और/या हम इसके बारे में क्या कर सकते हैं।

संपादित करें: यह एक डेमो है जो फ़ायरफ़ॉक्स में इस मुद्दे को प्रदर्शित करता है। यह सादा HTML + 3 लाइन JS कोड है:
https://codesandbox.io/s/naughty-feed-vwl6v?file=/index.html
तो यह प्रति प्रतिक्रिया एक समस्या नहीं है

eddyw 30 मई 2020

👍3

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

  function handleChange(event) {
    Object.defineProperty(event.target, "defaultValue", {
      configurable: true,
      get() { return "" },
      set() {},
    });
    setValue(event.target.value);
  }

eddyw 30 मई 2020

👍3

अगर किसी को दिलचस्पी है, तो मैंने इसे खोला:
https://bugzilla.mozilla.org/show_bug.cgi?id=1642570
मैं

eddyw 12 जून 2020

मेरा मानना है कि यह #15739 . का डुप्लीकेट है

mnoorenberghe 21 जुल॰ 2020

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

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

React: बग: फ़ायरफ़ॉक्स: स्वतः पूर्ण/स्वतः भरण अभी भी काम नहीं कर रहा है

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

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

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