说到棘手的事情:工具提示!
工具提示需要特别地自我感知,这样它们就不会出现在无法读取的地方。然后在页面状态发生变化时继续保持智能,例如调整大小或滚动。Popper.js 看起来可以很好地处理所有这些事情。
项目页面没有提到这一点,但创建者 Federico Zivolo 向我展示了它与 React 也很友好,因为您可以在组件中渲染工具提示元素本身,它就会一直保持在那里。这与大多数将工具提示元素移动到 DOM 周围的工具提示实现不同(可能使其成为<body>
的直接后代,以方便定位),这在 React 环境中很容易出现问题。