Javascript QuillJS';气泡';工具提示显示在屏幕外

Javascript QuillJS';气泡';工具提示显示在屏幕外,javascript,html,quill,Javascript,Html,Quill,我目前正在开发一个Webapp,并尝试使用QuillJS作为所见即所得编辑器。我正在尝试使用“泡泡”主题,因为它与我的Web应用程序的其余部分非常吻合,然而,当工具提示应该出现时,它不会出现在屏幕上,使用开发控制台检查后,我发现工具提示显示的Top值大约在-700到-1000之间,我完全不知道为什么 我曾尝试使用一个在HTML继承权中处于高位的元素,以防父div把事情搞砸了,但这也没有解决我的问题 有人能告诉我为什么工具提示出现在离屏幕这么远的地方吗 下面是一个JSFIDLE,其中包含我的代码的

我目前正在开发一个Webapp,并尝试使用QuillJS作为所见即所得编辑器。我正在尝试使用“泡泡”主题,因为它与我的Web应用程序的其余部分非常吻合,然而,当工具提示应该出现时,它不会出现在屏幕上,使用开发控制台检查后,我发现工具提示显示的
Top
值大约在-700到-1000之间,我完全不知道为什么

我曾尝试使用一个在HTML继承权中处于高位的元素,以防父div把事情搞砸了,但这也没有解决我的问题

有人能告诉我为什么工具提示出现在离屏幕这么远的地方吗

下面是一个JSFIDLE,其中包含我的代码的当前状态:


请注意:我的大多数webapp在JSFiddle中不起作用或看起来不太好,这不是一个问题,因为大多数功能都涉及本地数据库。

您可能需要
bounds
选项,set offset parent


您可能需要设置偏移父项的
边界
选项


你能用bounds选项更新JSFIDLE吗?这将使它非常清晰你能用bounds选项更新JSFIDLE吗?这将使它非常清晰