Javascript Popper.js的文本选择工具提示未成功定位

我正在尝试使用显示文本选择的工具提示。
我将向popper构造函数传递一个虚拟元素，该构造函数包含选择范围边界矩形

工具提示似乎成功更新了其“变换”属性，但它不会影响元素，元素始终位于左上角

选中文本后，这就是工具提示CSS属性：

position: absolute;
inset: 0px auto auto 0px;
margin: 0px;
transform: translate(225.833px, 65.8333px);

结果就是这样：

position: absolute;
inset: 0px auto auto 0px;
margin: 0px;
transform: translate(225.833px, 65.8333px);

为什么会这样

---

您可以看到实时代码。

似乎无法让您的代码正常工作<代码>未能在“选择”上执行“getRangeAt”：0不是有效索引。Popper.js的css动画正在覆盖您的转换。最好自己制作工具提示，因为Popper.js可能不适合您。谢谢@Naseki！该动画不是Popper的动画，而是我应用于工具提示的自定义动画，它确实覆盖了Popper的transform属性。似乎无法让代码正常工作<代码>未能在“选择”上执行“getRangeAt”：0不是有效索引。Popper.js的css动画正在覆盖您的转换。最好自己制作工具提示，因为Popper.js可能不适合您。谢谢@Naseki！该动画不是Popper的动画，而是我应用于工具提示的自定义动画，它确实覆盖了Popper的变换属性。