IOS由於某種原因盜取了第一個輸入元素的焦點

Question

正在處理基於React/Material-UI的一系列表單。自動對焦HTML屬性按預期工作，但出於某種奇怪的原因，頁面在加載時正在將焦點從第一個文本字段中移開，並將其應用於中間的某個位置。

這是特別討厭的，因爲我有驗證onBlur，它會拋出一個錯誤信息，告訴用戶第一個字段需要填寫。我如何防止iOS Safari竊取該焦點？

Answer 1

我有一個類似的問題，使用TextField與多行設置爲true（呈現<textarea>）。我不知道爲什麼，但我能夠將其縮小到minHeight，這是我在textareaStyle支柱上設置的TextField。我的問題出現在iOS和Safari上，所以我猜測它必須對webkit做些什麼。刪除minHeight規則解決了我的焦點被盜的問題。