小程序 textarea 组件的坑

Question

都 2021 年了，微信小程序 textarea 组件还是那么多问题，兼容性问题在 Android 机型（特别是低配置的）上尤为突出。

假设组件如下：

<textarea
  name="postalAddress"
 
  rows="3"
  bindinput="inputEvent"
  bindblur="blurEvent"
  bindfocus="focusEvent"
  class="textarea"
  value="{{postalAddress}}"
  placeholder-class="input-placeholder"
  placeholder="请输入"
  confirm-type="done"
  disable-default-padding="{{true}}"
  cursor-spacing="50"
  show-confirm-bar="{{false}}"
  auto-height="{{true}}"
  maxlength="60"
/>

这里就有好多问题。

show-confirm-bar 的问题

测试同学发现在红米 4X 上，textarea 组件的完成一栏不透明度不是 100%，导致文案与底下文案重叠。然后就想着设成 show-confirm-bar="{{false}}" 来隐藏完成栏。好家伙，新 Bug 又来了。当设置之后，在 Android 上首次聚焦输入框时，会失焦（自动收起键盘）。然后我是这样解决这个 Bug 的：

该 Bug 属于外部原因，小程序组件本身的问题无法解决，所以不作处理。