Primeng: Dialog width is not responsive

Created on 15 Aug 2016  路  11Comments  路  Source: primefaces/primeng

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.

defect

Most helpful comment

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",

All 11 comments

+1

Experiencing same issue

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.

Yes we are experiencing the same issue!

Same issue, it needs to be fixed

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;
    }
}

imo _p-dialog_ is a joke, @whoever_is_maintaining_this

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

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

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",

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

Was this page helpful?
0 / 5 - 0 ratings

Related issues

just-paja picture just-paja  路  3Comments

Helayxa picture Helayxa  路  3Comments

lilling picture lilling  路  3Comments

KannanMuruganmony picture KannanMuruganmony  路  3Comments

watalberto picture watalberto  路  3Comments