angular/components

feat(dialog): Ability to present MatDialog fullscreen

Open

#10,094 建立於 2018年2月22日

在 GitHub 查看
 (21 留言) (47 反應) (0 負責人)TypeScript (24,044 star) (6,650 fork)batch import
P4area: material/dialogfeaturehelp wanted

描述

Bug, feature request, or proposal:

feature request

What is the expected behavior?

An ability to present modal dialogs fullscreen.

What is the current behavior?

Can't present modal dialogs fullscreen.

What are the steps to reproduce?

What is the use-case or motivation for changing an existing behavior?

This feature is in Material design specifications: https://material.io/guidelines/components/dialogs.html#dialogs-full-screen-dialogs

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

貢獻者指南

技術棧
typescriptangular
領域
frontend
議題類型
feature
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-2 days
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Angular basicsTypeScriptMaterial Design specsCSS styling
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
65
研究方向
The issue requests a fullscreen mode for MatDialog, as described in Material Design guidelines. To implement, first review the existing MatDialog component in the Angular Material source (e.g., dialog.ts, dialog container.ts) to understand its configuration options. Then, consider adding a 'fullscreen' property to the MatDialogConfig interface and implementing the corresponding CSS styles for fullscreen overlay and panel, ensuring accessibility is maintained. Check the issue comments for any further discussion or design decisions.