Tippy嵌套tooltip定位异常问题求助

仅通过截图可以推测几个常见的tippy嵌套tooltip定位异常原因，大概率和样式配置或tippy实例的嵌套逻辑有关，具体如下：

• 嵌套tippy的定位上下文冲突：如果下拉菜单本身是tippy实例（即嵌套tippy），外层tippy的appendTo配置可能改变了下拉菜单的挂载位置（比如挂载到body），导致内层tooltip计算位置时，无法正确参考自身触发按钮的实际DOM坐标，从而出现偏移。

• CSS定位属性干扰：下拉菜单容器如果设置了transform、perspective或filter这类CSS属性，会触发浏览器的新定位上下文。tippy默认基于视口计算tooltip位置，遇到这类属性时，定位范围会被限制在父容器内，最终导致tooltip显示位置异常。

• tippy配置冲突：内层tooltip的配置可能和外层冲突，比如外层下拉菜单开启了interactive: true，但内层tooltip未正确设置popperOptions来调整定位参考；或者内层tooltip的placement参数未适配下拉菜单的布局，导致计算出的位置超出预期。

• 动态元素初始化时机错误：如果下拉菜单项是动态生成的，若内层tooltip在元素还未完全插入DOM、尺寸未计算完成时就初始化，tippy会基于错误的元素尺寸/位置数据计算tooltip位置，最终出现偏移。

内容的提问来源于stack exchange，提问作者Bernie