问题重现

最近项目上线，然后接到产品大佬反馈，满嘴芬芳，说有很多ios用户投诉，说系统的一个表单界面输入框输入不了，由于一些特殊的需求，没有使用公共的成熟组件库，自己使用的原生的textarea，经过一番谷歌和度姐，发现做如下修改就搞定了

解决之道

   style="-webkit-user-select:text !important"
   contenteditable="true"

<textarea
   id="test"
   style="-webkit-user-select:text !important"
   contenteditable="true"
   class="input"
   placeholder
   v-model="inputVal"
   autofocus="autofocus"
   focus
   :auto-focus="true"
></textarea>

原因分析

可能页面设置了文字不可选中的属性，如下：

-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

当前也不排除是其他原因，目前按上面的方法解决了问题，所以如果安全起见还是在行内增加上面的代码，这样样式污染也不会影响到当前功能，特别是当前功能是挂载在某个宿主上时！