.article { -webkit-user-select: text; user-select: text; }
.article img, .article button {
  -webkit-user-select: none; user-select: none;
}

正文容器为了防拖拽加了 user-select: none,用户长按选中不了任何文字,连标题都复制不了,客服每天收到 5 条反馈。先别急着动参数,把报错原文和时间点记下来,顺序反了容易白折腾。

原因不复杂,这个属性会继承到所有子元素,正文和标题一起被禁。防拖拽只需要限制图片和按钮,不该加在内容容器上。

「user-select 复制」确认了原因之后,改动尽量只碰那一处,顺手改的东西后面最容易出问题。改完隔一天再看一次,当场正常不代表能稳住。

测试环境和线上的差别,往往就在版本号和那几行被忽略的配置上。线上出问题先对时间点,跟发布、备份、任务执行的时刻排一排,能省掉一半功夫。

处理上按这个顺序:从正文容器移除 user-select 的 none;只对图片和按钮单独设置;需要允许复制的区域显式写 text;真机长按段落 确认能选中并复制。

改完只确认一件事:长按正文能出现选择手柄并复制成功,长按图片不会拖出影子。

作者 9823189