带有 Bootstrap 5 的 Rails 7 - 在 Firefox 和 Safari 中重新加载页面后光标未更改为指针

问：

我在通过导入映射安装了 Bootstrap 的 Rails 7 应用程序中遇到了一个特殊问题。此问题仅在Firefox和Safari上发生;它在 Chrome 上按预期工作。

问题来了：

当我将鼠标悬停在链接上时，光标会变成指针，正如预期的那样。但是，如果我单击链接，导致页面重新加载，并且不移动鼠标光标，它不会变回指针。然后，如果我移动指针，我可以将其移动到导航栏中的任何 ul 链接，并且它不会更改为手形指针。如果我将链接移到主页上，然后返回链接，则指针会正确地变成手形指针。

当我将鼠标悬停在链接上，然后手动刷新浏览器时，也会出现同样的问题。我需要将鼠标从链接上移开，然后重新打开，以便光标变回指针。

我尝试了各种解决方案，例如：

1. Applying css cursor: pointer !important; to the anchor tags.
2. Disabling Turbo for the specific links.
3. Triggering a mouseleave event on page load in js.
4. Ensuring no other CSS rules are overriding cursor: pointer;.
5. Disabling all browser extensions.

尽管做出了这些努力，但问题仍然存在。

我正在使用此处的默认引导导航栏示例：https://getbootstrap.com/docs/4.0/components/navbar/

我是我的 importmaps.rb”

pin "bootstrap", to: "https://ga.jspm.io/npm:[email protected]/dist/js/bootstrap.esm.js"
pin "@popperjs/core", to: "https://unpkg.com/@popperjs/[email protected]/dist/esm/index.js"

除了这个问题之外，Bootstrap 似乎都可以工作，而且它实际上在 chrome 中也有效。

有没有人遇到过类似的问题，或者对我还可以尝试什么有任何建议？

感谢您的帮助！