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

Problem with dialog and angular material #4824

Closed
renatosistemasvc opened this issue May 26, 2017 · 6 comments
Closed

Problem with dialog and angular material #4824

renatosistemasvc opened this issue May 26, 2017 · 6 comments

Comments

@renatosistemasvc
Copy link

renatosistemasvc commented May 26, 2017

Hello! I'm having problem with dialog of primeNG and md-select to angular material.

Selecting the "select" the options are appearing below the dialog.

I believe it's a problem of z-index. How can i change the z-index md-select of md-option ?

image of erro

IMG

@willshowell
Copy link
Contributor

If it's a z-index problem, it sounds like this maybe could be solved by #4485 which has a merge-ready PR (#4629).

That said, I don't think Material is necessarily designed to be compatible with additional frameworks like primeng

@renatosistemasvc
Copy link
Author

Thank you for your response.

I would like to use the material dialog, but I find it very bureaucratic the way he works, @willshowell

For the material dialog to work I need to create a component to be charged inside the dialog. The dialog of primeNg I create the dialog and I put simple html and it already works. So I wanted to use the primeNG dialog.

@fxck
Copy link
Contributor

fxck commented May 26, 2017

You can do that as well, you can pass it a template ref, so

<ng-template #simpleContent>
  Some simple html
</ng-template>
@ViewChild('simpleContent') content;

open() {
  this._dialog.open(content);
}

@fxck
Copy link
Contributor

fxck commented May 26, 2017

Would be even easier with #2855

@jelbourn
Copy link
Member

Closing this issue as it does not follow the issue template. Please file a new issue that follows the template, which gives the team the information needed to investigate.

@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
None yet
Projects
None yet
Development

No branches or pull requests

4 participants