React: बग: इनपुट minLength टाइप बदलने के बाद काम नहीं कर रहा है

रिपोर्ट के लिए धन्यवाद।

मैं दो मुद्दों को देख सकता हूं:

1. आपका डेमो minLength="3" का उपयोग करता है 8 नहीं।
   जब तक आप 2 से अधिक टाइप करते हैं, तब तक 8 से कम अक्षर लिखना ठीक है
2. minLength IE 11 में समर्थित नहीं है: https://caniuse.com/input-minlength
   मैंने क्रोम 85 में आपके डेमो का परीक्षण किया और जब मैंने 2 से कम वर्ण दर्ज किए तो सबमिट नहीं कर सका।
   अपने कोड का परीक्षण करते समय आप किस ब्राउज़र का उपयोग कर रहे थे?

मैं मैक ओएस 10.14.6 और ब्राउज़र सफारी 13.0.5 (14608.5.12) का उपयोग कर रहा हूं
मैं कुछ भूल गया, इसे टॉगल करने के बाद कोई भी अक्षर टाइप न करें

बीटीडब्ल्यू, जब मैं क्रोम 86.0.4240.183 के साथ प्रयास करता हूं तो यह ठीक काम करता है। मुझे लगता है कि यह केवल सफारी में होता है

पुन: उत्पन्न करने के लिए कदम 1

1. चरित्र टाइप करें <minLength
2. फार्म जमा करें
3. टॉगल फॉर्म प्रकार
4. टॉगल करने के बाद कुछ भी टाइप न करें
5. फार्म जमा करें
6. फॉर्म जमा होगा

पुन: उत्पन्न करने के लिए कदम 2

1. चरित्र टाइप करें <minLength
2. फार्म जमा करें
3. टॉगल फॉर्म प्रकार
4. टॉगल करने के बाद कुछ भी टाइप करें
5. फार्म जमा करें
6. फॉर्म जमा नहीं होगा

धन्यवाद, मैं इसे पुन: पेश कर सकता हूं।

यदि इनपुट प्राचीन है तो आम तौर पर किसी भी सत्यापन को अनदेखा कर दिया जाता है। यदि आप बिना कुछ लिखे फॉर्म जमा करते हैं तो minLength को नजरअंदाज कर दिया जाता है।

यदि आपने कुछ ऐसा टाइप किया है जो सभी बाधाओं को पार नहीं करता है, तो सफारी फॉर्म को अमान्य के रूप में चिह्नित करता है। हालांकि, जब type बदलता है तो सफारी इनपुट प्राचीन पर विचार करता है। इसलिए एक अमान्य मान सबमिट किया जाता है यदि टाइपिंग पूर्ण होने के बाद type परिवर्तित हो जाता है।

सवाल यह है कि क्या रिएक्ट इस विचित्रता को ठीक कर सकता है या करना चाहिए या क्या सफारी को इसे ठीक करना चाहिए।

संपादित करें:
बिना किसी प्रतिक्रिया के मिनिमल रेप्रो: https://codesandbox.io/s/condescending-bhabha-n4374?file=/src/index.js

अगर आपको इस व्यवहार की ज़रूरत है तो मैं सफारी के साथ एक बग दर्ज करने का सुझाव देता हूं।