如何避免jQuery UI工具提示被视口切断，同时保持工具提示触发器上的箭头？

我试图在元素上放置工具提示，以便工具提示不会被左/右视口截断。当前，如果从顶部或底部视口中切断，它将翻转，这很好。我试图添加

碰撞：“fit flip”

作为工具提示选项，但这会扭曲箭头的位置。您可以在此处查看我的尝试：

---

有什么想法吗？

这里是在黑暗中拍摄的

你有没有可能在左边加上额外的填充物

main {
  padding-left: 200px
} 

---

我尝试了一些方法，但箭头的底层代码似乎不允许您在中间指定任何内容。如果要进行“探查性手术”，则将

隐藏

选项设置为120000。这将使工具提示保持打开状态两分钟。这将允许您检查工具提示并查看底层CSS。例如，我发现arrow应用了一个名为.arrow的类。您可能会发现一个CSS值，可以在适当的情况下更改（例如，设置为“flipfit”，如果工具提示的中心！=按钮的中心，则您处于适合的情况）。