popovertargetaction="hide"不起作用的主因是浏览器兼容性不足或用法错误：仅chromium 114+支持，需配合popovertarget使用且目标元素必须声明popover属性，同时避免与js api混用。
popover属性里targetaction=hide不起作用？先确认浏览器支持
目前只有 Chromium 114+（Chrome/Edge 114 及以上）原生支持 popover 和 popovertargetaction，Firefox 和 Safari 完全不支持。用 popovertargetaction="hide" 却没反应，大概率是浏览器版本太低或用了不兼容的引擎。
检查方法：在控制台运行 "popover" in document.createElement("div")，返回 true 才说明基础属性可用；再确认 popovertargetaction 是否被识别（部分旧版 Chromium 仅支持 popovertarget，不认 popovertargetaction）。
popovertargetaction="hide" 必须搭配 popovertarget 使用
popovertargetaction 不是独立生效的属性，它必须和 popovertarget 成对出现，且目标元素必须已声明 popover 属性。单独写 popovertargetaction="hide" 没效果。
<button popovertarget="my-pop" popovertargetaction="hide">关闭</button><div id="my-pop" popover>弹出内容</div>
注意：popovertarget 的值（如 "my-pop"）必须严格匹配目标 id，大小写、空格、引号类型都要一致；popover 属性不能写成 popover="manual" 或其他值——原生 popover 只认无值的 popover（即布尔属性）。
点击后不隐藏？检查是否触发了 toggle 或 show
如果页面中其他地方调用了 element.showPopover() 或 element.togglePopover()，会覆盖 popovertargetaction="hide" 的行为。浏览器按“最后调用的 JS 操作”为准，声明式属性优先级低于 JS API。
- 避免混用：要么全用 HTML 属性控制显隐，要么全用 JS 控制
- 检查是否有事件监听器（比如
click里又调了showPopover()）干扰了 hide 动作 -
popovertargetaction="hide"只响应**用户点击**，不响应dispatchEvent(new Event("click"))等模拟点击
隐藏后 popover 元素还在 DOM 里，但 display: none
这是正常行为。popovertargetaction="hide" 实际是把目标元素的 display 设为 none，而不是移除或重置 open 状态。所以：
- 再次点击
popovertargetaction="toggle"或"show"仍能唤起 - 若想彻底重置状态（比如清空输入框），需监听
beforetoggle或toggle事件手动处理 - 不要依赖
offsetParent === null判断是否隐藏——它可能因父容器overflow: hidden而误判
真正容易被忽略的是：popover 元素默认有 inert 属性（隐藏时自动添加），但如果你手动移除了它，或者用 CSS 强制显示，popovertargetaction="hide" 就可能失效——浏览器只对“受控的、带 inert 的 popover”执行 hide 逻辑。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
