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

Dialog width is not responsive #740

Closed
buddyackerman opened this issue Aug 15, 2016 · 11 comments
Closed

Dialog width is not responsive #740

buddyackerman opened this issue Aug 15, 2016 · 11 comments
Assignees
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Milestone

Comments

@buddyackerman
Copy link

When the dialog has the responsive attribute set to true, it's not responding to screen size differences. If the initial width is not specifically set the dialog defaults to 300px regardless of the content width and never changes size. If the width is set it stays that width regardless of screen/window size.

@Azema
Copy link

Azema commented Sep 15, 2016

+1

@buddyackerman buddyackerman changed the title p-doalog is not responsive p-dialog is not responsive Sep 15, 2016
@mp4383
Copy link

mp4383 commented Sep 15, 2016

Experiencing same issue

@buddyackerman
Copy link
Author

I posted this issue on the PrimeNG forum prior to posting the issue here and it's received no attention. Along with the other issue I posted about the dialog control the dialog is barely usable. Also, I don't hink these are things that would be hard to get fixed. In fact some on the PNG forum posted a fix to the manual resize issue that I have to apply every time I update to a new version.

@tobiasfiechter
Copy link

Yes we are experiencing the same issue!

@xyz765
Copy link

xyz765 commented Nov 12, 2016

Same issue, it needs to be fixed

@cagataycivici
Copy link
Member

1262 changes dialog width to auto, will this help this case where you can now add custom breakpoints;

@media screen and (max-width: 40em) {
    .ui-dialog.ui-dialog-responsive {
        width: 90% !important;
    }
}

@bickycheese
Copy link

imo p-dialog is a joke, @whoever_is_maintaining_this

@dhniels
Copy link

dhniels commented May 23, 2017

Just switched over to p-dialog after using ng-bootstraps modal and I'm regretting it - experiencing a whole host of issues, many of which i had to solve after much trial and error with extremely shoddy CSS hacks. this component needs desperate and immediate attention

@cagataycivici cagataycivici self-assigned this May 29, 2017
@cagataycivici cagataycivici added the Status: Pending Review Issue or pull request is being reviewed by Core Team label May 29, 2017
@cagataycivici cagataycivici added this to the 4.0.2 milestone May 29, 2017
@cagataycivici cagataycivici changed the title p-dialog is not responsive Dialog width is not responsive May 29, 2017
@cagataycivici cagataycivici added Type: Bug Issue contains a bug related to a specific component. Something about the component is not working and removed Status: Pending Review Issue or pull request is being reviewed by Core Team labels May 29, 2017
@pkharris
Copy link

pkharris commented May 26, 2018

This is still an issue. The dialog is not responsive.

@Faqtt0
Copy link

Faqtt0 commented Sep 4, 2018

if use the "p-table" with responsive for the first moment doenst work even with responsive attribute in "p-dialog".
Being necessary to resize window width.
But if, removes the width attribute , works fine, but the problem becomes another. In big screens the dialog fill the width, getting horrible.
"primeng": "^6.1.3",

@self-ads
Copy link

hello,
i have a problem with primeng, when i build my project with (ng build) , the application is not more responsive as it was in test mode can give me a solution pls

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Issue contains a bug related to a specific component. Something about the component is not working
Projects
None yet
Development

No branches or pull requests