React: 버그 : 유형 변경 후 입력 minLength가 작동하지 않음

신고 해 주셔서 감사합니다.

두 가지 문제를 발견 할 수 있습니다.

1. 데모는 8이 아닌 minLength="3" 사용합니다.
   2 자 이상 입력하면 8 자 미만으로 입력해도됩니다.
2. minLength 는 IE 11에서 지원되지 않습니다. https://caniuse.com/input-minlength
   Chrome 85에서 데모를 테스트했는데 2 자 미만으로 입력하면 제출할 수 없습니다.
   코드를 테스트 할 때 어떤 브라우저를 사용 했습니까?

Mac OS 10.14.6 및 브라우저 Safari 13.0.5 (14608.5.12)를 사용하고 있습니다.
잊은 것이 있습니다. 토글 후 문자를 입력하지 마십시오.

btw, Chrome 86.0.4240.183으로 시도하면 제대로 작동합니다. 사파리에서만 일어나는 것 같아요

재현 단계 1

1. 유형 문자 <minLength
2. 양식 제출
3. 양식 유형 전환
4. 토글 후 아무것도 입력하지 마십시오
5. 양식 제출
6. 양식이 제출됩니다

재현 단계 2

1. 유형 문자 <minLength
2. 양식 제출
3. 양식 유형 전환
4. 토글 후 아무거나 입력
5. 양식 제출
6. 양식이 제출되지 않습니다

감사합니다. 재현 할 수 있습니다.

일반적으로 입력이 원래 상태이면 모든 유효성 검사가 무시됩니다. 아무것도 입력하지 않고 양식을 제출하면 minLength 가 무시됩니다.

모든 제약 조건을 통과하지 못하는 것을 입력 한 경우 Safari는 양식을 유효하지 않은 것으로 올바르게 표시합니다. 그러나 type 변경되면 Safari는 입력을 원래 상태로 간주하는 것 같습니다. 따라서 입력이 완료된 후 type 변경되면 잘못된 값이 제출됩니다.

문제는 React가이 문제를 해결할 수 있는지, 아니면 Safari가이 문제를 해결해야하는지 여부입니다.

편집하다:
반응없이 최소한의 재현 : https://codesandbox.io/s/condescending-bhabha-n4374?file=/src/index.js

이 동작이 필요하면 Safari에 버그를 제출하는 것이 좋습니다.