Bootstrap 5 Popover 默认不支持点击空白处关闭，因其未监听 document 级 click 事件；推荐改用 focus 触发：为触发元素添加 tabindex="0" 并设 data-bs-trigger="focus"，即可实现获得焦点时显示、失去焦点时自动隐藏。
Bootstrap 5 的 Popover 默认不支持点击空白处自动关闭，这不是 Bug，而是设计使然：它压根没监听 document 级 click 事件来实现“外部关闭”逻辑。
data-bs-trigger="click" 本质是单向触发
当你写 data-bs-trigger="click"，Popover 只在你点击触发元素时显示，但不会自动注册任何“点击外部就隐藏”的监听器。它不像 Dropdown 那样内置 autoClose: 'outside' 机制，也不像 Modal 那样默认绑定 backdrop 点击事件。
- 点击触发器 → 显示 Popover
- 再次点击同一触发器 → 隐藏（toggle 行为）
- 点击空白处、其他按钮、甚至 Popover 自身内容区 → 完全无响应
为什么 document.click 监听常失效
很多教程教你在 document.addEventListener('click', ...) 里调用 popover.hide()，但实际中容易失败，原因很具体：
- Popover 内部 DOM 是动态插入的，
$('.popover')或document.querySelector('.popover')可能在事件触发时还不存在或已销毁 - 多次初始化 Popover 实例会导致重复绑定，
hide()调用可能只影响其中一个实例 - 触发元素本身（如
）默认不可聚焦，e.target判断逻辑在移动端或 Safari 下极易误判“是否点在外部” - Bootstrap 5 的 Popover 实例管理更严格，
bootstrap.Popover.getInstance(el)必须精确对应 DOM 元素，错一个就返回null
正确解法：改用 focus 触发 + tabindex
这是 Bootstrap 官方隐含推荐、且在所有现代浏览器中稳定工作的方案，不用写一行额外事件监听：
- 给触发元素加
tabindex="0"（例如） - 把
data-bs-trigger改成"focus" - Popover 会在元素获得焦点时显示，失去焦点（包括点击空白、Tab 离开、点击 popover 内容）时自动隐藏
注意：如果触发元素是 或 这类非交互原生元素，tabindex="0" 不仅必要，而且必须——否则 focus 触发根本不会启动。
手动控制时最易忽略的细节
如果你坚持用 trigger: 'manual' + 手动 show()/hide()，有三个点几乎必踩坑：
-
hide()必须对每个 Popover 实例单独调用，不能靠全局选择器批量 hide —— 因为多个 Popover 可能共用同一个data-bs-toggle="popover"，但实例彼此隔离 - 点击触发器时，要先
hide()所有其他 Popover，再show()当前这个，否则会出现多个同时展开 -
e.stopPropagation()不能加在触发器上，否则会阻断 focus 流程或导致 click 事件无法冒泡到 document，反而让“手动监听外部点击”逻辑收不到事件
真正可靠的外部关闭，永远依赖浏览器原生焦点机制或 Bootstrap 内置的 autoClose 设计，而不是靠 patch 式的事件拦截和强制 hide。
