Chrome浏览器不可选文本被意外拖拽的问题解决咨询

大家好，我遇到了一个挺头疼的问题，想请教下有没有办法用CSS或者其他方式解决。

我给一段文本设置了user-select: none;，让它变成不可选中的状态，这在正常情况下确实生效了——浏览器不会允许选中这段文本。但麻烦的是，当我在Chrome里拖拽页面元素的时候，这段文本居然会像图片一样被意外拖拽起来，直接打乱了我自己做的拖拽交互逻辑，非得等Chrome自己停止这个状态才行。

我试着加了一堆其他的“不可选中”相关属性：

• -webkit-touch-callout: none;
• -webkit-user-select: none;
• -khtml-user-select: none;
• -moz-user-select: none;
• -ms-user-select: none;
  但完全没起到作用。

我还在这个文本元素和它的父元素上都设置了draggable="false"，可问题还是没解决。

之前我在不少其他网站也见过这个问题，确实挺闹心的，希望这不是Chrome本身的硬伤，没法通过代码解决。

补充说明：我发现这个问题是在我把包含这段文本的div（p标签的父元素）拖出一个设置了overflow: hidden;的父容器，再拖回去之后才出现的，会不会和overflow: hidden;这个属性有关？

提前谢谢各位的解答！

内容来源于stack exchange