bug(DIALOG): dialog's container-color does not follow Material 3 design specs

未关闭适合新手

#30,536 创建于 2025年2月22日 0 条评论 3 个 reaction 已指派 0 人在 GitHub 查看

还没有人认领这个 Issue。

评估

难度: 2/5
预计耗时: 1-3 小时
新手友好度: 64/100

Issue 类型: 缺陷
描述清晰度: 基本清楚
活跃度: 停滞
技术栈: angular, typescript
领域: design, frontend

调研方向

未指定文件或测试。找到 Angular Material 对话框主题的实现及其现有测试，然后将容器颜色令牌与链接的 Material 3 对话框规范进行比较。默认令牌使用 surface-container-high 且相关测试覆盖通过后，即视为完成。

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

描述

area: material/dialog P2

Is this a regression?

Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

As per Material 3 guidelines, container-color should use value surface-container-high token, but it's using value surface token.

We can override it by using dialog-overrides mixin like below:

@include mat.dialog-overrides((
  container-color: var(--mat-sys-surface-container-high),
));

But, it should be the default behaviour as per Material 3 specs.

Reproduction

Not needed

Expected Behavior

As per Material 3 guidelines, container-color should use value surface-container-high token.

Actual Behavior

Dialog's container-color is using value surface token.

Environment

Angular: 19
CDK/Material: 19
Browser(s): Chrome
Operating System (e.g. Windows, macOS, Ubuntu): Windows

主要语言: TypeScript
星标: 25k
派生: 6.8k
平均合并: 1 天 1 小时
30 天内合并 PR: 84

贡献指南

打开贡献指南

从这里开始

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

angular/components 的其他 Issue

docs-bug(tree): Test classes and interfaces do not render 未关闭

area: material/tree docs gemini-triaged needs triage

难度 2/5 1-3 小时新手友好度 68/100

angular/components#33832 · 2026年9月17日创建
bug(mat-date-picker): month shown twice in date picker 未关闭

area: material/datepicker gemini-triaged P4

难度 2/5 1-3 小时新手友好度 72/100

angular/components#33763 · 2 条评论 · 3 个 reaction · 2026年9月2日创建
Bug in table.scss footer cell height: unset instead of footer row height unset 未关闭

area: material/table gemini-triaged P4

难度 1/5 1 小时以内新手友好度 88/100

angular/components#33709 · 1 条评论 · 2026年8月21日创建
docs-bug(Table): Add example with `rowspan` 未关闭

area: material/table docs gemini-triaged P4

难度 2/5 1-3 小时新手友好度 72/100

angular/components#33455 · 2026年6月27日创建
bug(date-adapter): Misleading JSDoc for createDate returns type 未关闭

area: material/core gemini-triaged P3

难度 1/5 1 小时以内新手友好度 78/100

angular/components#33059 · 2 条评论 · 2026年4月9日创建

查看 angular/components 的全部 Issue

相似的 Issue

Ajv defaults: non-standard "format": "json" in third-party schemas (e.g. Notion) warns twice per property — register it like #2601 未关闭

难度 2/5 1-3 小时新手友好度 70/100

modelcontextprotocol/typescript-sdk#2854 · 2026年9月24日创建
[Bug]: ctx_search rejects singular 'query' param despite schema declaring it valid 未关闭

难度 2/5 1-3 小时新手友好度 75/100

mksglu/context-mode#1200 · 2026年9月24日创建
[chore]: test(search): Migrate ResultItemTitle unit tests to TypeScript 未关闭

难度 2/5 1-3 小时新手友好度 75/100

jaegertracing/jaeger-ui#4506 · 2026年9月24日创建
[BUG] "$250 credit for cloud sessions" gift icon is unclickable 未关闭

area:desktop area:ui bug platform:macos

难度 2/5 1-3 小时新手友好度 75/100

anthropics/claude-code#96687 · 2026年9月24日创建
[GOOD FIRST ISSUE]: Clean Up Frontend Authentication Page & Context 未关闭

good first issue

难度 1/5 1 小时以内新手友好度 95/100

AOSSIE-Org/DebateAI#582 · 2 条评论 · 2026年9月24日创建

更多 TypeScript Issue