By default autowidth property of DropDown component is true.But the input width is not calculated based on panel width.If we disable the autoWidth behaviour then it works properly.
sudheerj
All 4 comments
I have this problem on autoWidth enabled and disabled, it doesn't change anything for me.
Actually, I can't have a p-drodown with a width matching the elements when the options are dynamics.
Abbraxar
on 15 May 2017
Could you try to add this to your style ?
.ui-dropdown-panel {
max-width: 0;
}
muhammad-saleh
on 16 May 2017
Hi, @muhammad-saleh , thank you for your concern !
My problem is solved, it was a silly mistake from me :
<p-dropdown
[options]="workspaceOptions"
[ngModel]="workspaceInit"
(onChange)="changeWorkspace($event)"
[filter]="workspaceOptions.length > 5">
[autoWidth]="true"
[style]="{'width': '100%'}">
</p-dropdown>
You see the early closing tag ? So autoWidth and style weren't send to the p-dropdown.
But the original issue is still happening !
Abbraxar
on 17 May 2017
Unable to replicate, please provide a test case based on plunkr below and we'll review again.
cagataycivici
on 23 Jun 2017
Related issues
miresk
路
3Comments
limjoonae
路
3Comments
gatapia
路
3Comments
garethlewis
路
3Comments
watalberto
路
3Comments
Most helpful comment
Hi, @muhammad-saleh , thank you for your concern !
My problem is solved, it was a silly mistake from me :
<p-dropdown [options]="workspaceOptions" [ngModel]="workspaceInit" (onChange)="changeWorkspace($event)" [filter]="workspaceOptions.length > 5"> [autoWidth]="true" [style]="{'width': '100%'}"> </p-dropdown>You see the early closing tag ? So autoWidth and style weren't send to the p-dropdown.
But the original issue is still happening !