Switching to mobile-webkit-user-select:none causes the input/textarea input box to fail to input

When writing a page in the mobile webview, I found that some Android models will cause the input and textareat input boxes to fail to input (the keyboard can bounce, not the problem of webView.requestFocus(View.FOCUS_DOWN);)

Because of the mobile terminal, I am used to unified initialization style:

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  outline: none;
}

After trial and error, it was found that the reason is caused by -webkit-user-select:none; 
Of course, if you really need this -webkit-user-select attribute, the css initialization code can be rewritten as follows:

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  outline: none;
}
*:not(input,textarea) {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

Reprinted: 
http://www.qdfuns.com/notes/12364/1f589926e8d1d1418fc912f7df10e5d5

Guess you like

Origin http://43.154.161.224:23101/article/api/json?id=325057758&siteId=291194637