在H5頁面上fixed定位了一個彈框,但是在ios 12.1系統遇到了焦點亂跑的問題。
每當點擊鍵盤的“完成”按鈕時,頁面看起來所有輸入框都失焦,然后點擊任意輸入框,焦點只會聚焦到上次完成時的下一個輸入框。
image.png
比如當我輸入完手機號,點擊鍵盤的“完成”按鈕,然后我想改一下姓名,但是點擊姓名的輸入框,焦點反而跑到了驗證碼那一欄。
這種神奇的的bug也是無語,將彈框的定位改成position:absolute
就解決了該問題,看來Ios對fixed的兼容性并不是很友好,在移動端H5頁還是少用fiexd定位。