Hacktoberfest 2026:维护者为十月标记出来的 issue,仍然开放、适合新手。 浏览 Hacktoberfest issue

Dialogs cannot be shown with the Popover API

未关闭 适合新手
#34 0 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看

还没有人认领这个 Issue。

评估

难度
1/5
预计耗时
1 小时以内
新手友好度
72/100
Issue 类型
缺陷
描述清晰度
描述清楚
活跃度
冷清
技术栈
css
领域
frontend

调研方向

首先在链接的 CodePen 中复现 dialog/popover 的行为,然后在样式表中找到所示的 dialog:not([open]) 规则。更新规范化逻辑,使其能够显示 <dialog popover>,并验证普通 dialog 和 popover dialog 都能继续正确显示或隐藏。

由索引模型根据 Issue 内容生成。

描述

The following rule prevents <dialog> elements from being shown with the Popover API:

:where(dialog:not([open])) {
  display: none;
}

This codepen demonstrates the issue: https://codepen.io/pokeplun/pen/GgjdgQx

The methods of showing the <dialog> that treat it as a popover don't result in a state that matches dialog[open] (they only match :popover-open), which results in the element never being shown by default.

<dialog popover> is perfectly reasonable semantically, so this seems like a bug

主要语言
HTML
星标
657
派生
66
PR 合并指标
30 天内没有已合并 PR

环境准备

  • 没有 Dockerfile 或 Docker Compose 文件
  • 没有 Pull Request 模板
  • 阅读贡献指南

从这里开始

  1. 先读完整个 Issue,再读项目的贡献指南。
  2. 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
  3. Fork 仓库,在一个分支上完成修改。
  4. 提交 Pull Request,并在描述里引用这个 Issue 编号。

csstools/normalize.css 的其他 Issue

查看 csstools/normalize.css 的全部 Issue

相似的 Issue

更多 Web Dev Issue

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。