观澜Media

AI技术 · 深度资讯 · 前沿观察

定位自己的原生 Popover

每个前端团队都编写过这样的代码:单击时出现的工具提..

每个前端团队都编写过这样的代码:单击时出现的工具提示,单击其他地方时消失,停留在某人设置为 9999 的那个模态的 z-index 上方,并在到达视口边缘时重新定位。

结果通常是浮动 UI (35KB)、三个事件侦听器、一个调整大小观察器和一个安静的祈祷。

现在浏览器可以完成所有这些工作。

自 2025 年 4 月以来每个浏览器的基线。

浏览器提供顶层(不需要 z-index)、轻关闭(单击外部关闭)、键盘处理 (ESC) 和焦点管理。

来源:Dev.to

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注