Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add option to disable dialog click-outside-to-close #1419

Closed
jcmoore0 opened this issue Oct 4, 2016 · 3 comments · Fixed by #1678
Closed

Add option to disable dialog click-outside-to-close #1419

jcmoore0 opened this issue Oct 4, 2016 · 3 comments · Fixed by #1678
Assignees
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent

Comments

@jcmoore0
Copy link

jcmoore0 commented Oct 4, 2016

Bug, feature request, or proposal: Feature

What is the expected behavior? Would like a "Modal" behavior where the Dialog does not close when clicking outside of the container.

What is the current behavior? Clicking outside the dialog container closes MdDialogRef. I would like to be able to turn disable this, so the user may not click outside and is only allowed to interact with the most recent "highest z-index" MdDialog open. We use one dialog on top of another.

What are the steps to reproduce? Click outside the dialog container.

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

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

Is there anything else we should know?

@JanStureNielsen
Copy link
Contributor

Dup of #114

@aciccarello
Copy link

@jcmoore0, Your issue is a bit hard to read. Maybe separating your answers from the questions (so they are not bold) will make it easier. Also, a more descriptive title would be good. As far as I can tell this is not a duplicate.

Clicking outside the dialog container closes MdDialogRef. I would like to be able to turn disable this, so the user may not click outside and is only allowed to interact with the most recent "highest z-index" MdDialog open. We use one dialog on top of another.

Is there a way to avoid having multiple dialog boxes on top of each other?

@jcmoore0 jcmoore0 changed the title MdDialog MdDialog - Need Modal Behavior Feature Oct 5, 2016
@jelbourn jelbourn added the P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent label Oct 5, 2016
@jelbourn jelbourn changed the title MdDialog - Need Modal Behavior Feature Add option to disable dialog click-outside-to-close Oct 5, 2016
@jelbourn jelbourn added the feature This issue represents a new feature or feature request rather than a bug or bug fix label Oct 5, 2016
crisbeto added a commit to crisbeto/material2 that referenced this issue Nov 1, 2016
Adds the ability to disable the clicking on a backdrop to close a dialog.

Fixes angular#1419.
@crisbeto crisbeto added the has pr label Nov 1, 2016
crisbeto added a commit to crisbeto/material2 that referenced this issue Nov 2, 2016
Adds a config option that allows users to disable closing a dialog via a backdrop click or pressing escape.

Fixes angular#1419.
crisbeto added a commit to crisbeto/material2 that referenced this issue Nov 2, 2016
Adds a config option that allows users to disable closing a dialog via a backdrop click or pressing escape.

Fixes angular#1419.
crisbeto added a commit to crisbeto/material2 that referenced this issue Nov 2, 2016
Adds a config option that allows users to disable closing a dialog via a backdrop click or pressing escape.

Fixes angular#1419.
jelbourn pushed a commit that referenced this issue Nov 3, 2016
Adds a config option that allows users to disable closing a dialog via a backdrop click or pressing escape.

Fixes #1419.
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
feature This issue represents a new feature or feature request rather than a bug or bug fix P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent
Projects
None yet
Development

Successfully merging a pull request may close this issue.

5 participants