IOS는 어떤 이유로 React/Material-UI 기반의 일련의 양식에서 작동하는

Question

의 첫 번째 입력 요소에서 포커스를 훔칩니다. 자동 포커스 HTML 속성은 예상대로 작동하지만로드시 페이지가 첫 번째 텍스트 필드에서 포커스를 훔쳐 가운데로 어딘가에 적용하는 경우가 있습니다.

유효성 검사 onBlur를 사용하면 특히 불안정합니다. 사용자에게 첫 번째 입력란을 작성해야한다는 약간의 오류 메시지가 표시됩니다. iOS Safari가 그 초점을 훔치지 않게하려면 어떻게해야합니까?

Answer 1

TextField을 사용하여 여러 줄을 true로 설정하여 비슷한 문제가 발생했습니다 (렌더링은 <textarea>). 왜 그런지 잘 모르겠지만, 에 대한 textareaStyle 보조를 설정 한 minHeight으로 좁힐 수있었습니다. 내 문제는 iOS와 Safari에서 모두 나타 났으므로 웹킷으로 뭔가를해야한다는 생각이 들었습니다. minHeight 규칙을 제거하면 포커스가 도난당하는 문제가 해결되었습니다.