popover属性仅支持无值形式（popover或popover=""），其他值如"auto""manual"均无效；popovertarget仅限按钮类元素；目标id须严格匹配且静态存在dom中；z-index需设为2147483647才可靠。
popover 不是“可配置的全局属性”，而是布尔型生命周期开关——它只认存在与否，不解析值；写了 popover="auto" 或 popover="manual" 就直接失效。
popover 属性必须写成无值形式
浏览器只识别 popover（等价于 popover=""），其他写法全部静默忽略：
- ❌
popover="auto"：Chrome 125+ 已发警告，Safari 从未支持，Firefox 完全无视 - ❌
popover="manual"：不是合法值，也不触发手动控制逻辑 - ✅
popover或popover=""：唯一有效写法，表示“加入 popover 生命周期”
目标元素（如 <div id="menu" popover>）一旦没这个属性，<code>showPopover() 会报 DOMException: The element does not have a popover attribute，popovertarget 也完全不响应。
popovertarget 只能用在可激活元素上
popovertarget 不是通用 HTML 属性，浏览器硬性限制其使用范围：
- ✅ 支持：
<button popovertarget="tip"></button>、<input type="button" popovertarget="tip"> - ❌ 不支持：
<div popovertarget="tip">（即使加了 <code>role="button"或tabindex="0"也没用） - ⚠️
<input type="submit">虽支持，但可能意外触发表单提交，慎用 - ❌ 错误：
el.innerHTML = '<div id="tip" popover>...</div>'→ 不生效 - ❌ 错误：
document.body.appendChild(div).setAttribute('popover', '')→ 多数场景失效 - ✅ 正确：HTML 源码中直接写出
<div id="tip" popover>，或在 <code>DOMContentLoaded后立即调用showPopover()初始化一次若用 SSR/SSG（如 Next.js、Astro），确保该元素不在
<template></template>、<slot></slot>或条件渲染块（如v-if、*ngIf）内。z-index 必须显式设得足够高
原生
popover元素默认层级低于<select></select>、<video></video>、<iframe></iframe>，这是 Chromium 114–125 的已知行为，不是 bug：- ❌
div[popover] { z-index: 999; }：仍可能被遮挡 - ✅
div[popover] { z-index: 2147483647; }：安全阈值，需硬编码，不可用 CSS 变量或 calc() - ✅ 若用了
::backdrop，也要单独设高z-index：div[popover]::backdrop { z-index: 2147483646; }
Firefox 当前不支持
popover，任何z-index调整都无意义；Safari 17.4+ 仅部分支持popovertarget，JS 控制路径（showPopover()）仍未落地。 - ❌
ID 引用必须严格匹配：大小写敏感，不能含空格、中文、点号（.）或下划线（_ 仅部分版本容忍，建议只用字母、数字、短横线 -）。
目标元素必须静态存在于首次渲染的 DOM 中
动态插入后补 popover 属性，Safari 17.4+ 直接拒绝识别，Chrome 表现极不稳定：
