h5 ios微信瀏覽器 input獲取焦點後,收起軟鍵盤,光標錯位
阿新 • • 發佈:2019-05-07
分享 input info 產生 put 進行 元素 內容 lex
整個頁面布局如下:
外層設置fixed的原因是不讓頁面在瀏覽器中進行上下拖拽,
最後形成的結果是:輸入框獲取焦點輸入內容後,光標錯位,導致不能選中輸入框重新獲取焦點(頁面上移,但是布局未產生影響);
解決
改變頁面布局:
外層fixed取消,改用 display:flex布局,將內容分為3部分,中間內容flex-grow: 1; 好了
給input設置fixed或者input的父元素設置fixed 導致此原因
h5 ios微信瀏覽器 input獲取焦點後,收起軟鍵盤,光標錯位