p-dropdown: setting style="width:100%" doesn't bind to model

[ksmit]

Describe the bug

p-dropdown doesn't bind to the property specified in ngModel when style="width:100%" is specified.
[ngStyle] is working as intended.

Environment

• windows
• angular

Reproducer

https://stackblitz.com/edit/github-ey2joz

Angular version

17.1x

PrimeNG version

17.7.x

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

v18.19.0

Browser(s)

No response

Steps to reproduce the behavior

1. Change value of Dropdown 2

Expected behavior

Value should change from
Selected Value Dropdown 2 : 0

to selected value eg.
Selected Value Dropdown 2 : 1

[dalenguyen]

It dues to the fact that p-dropdown has its own style Input that receives an object then passes to ngStyle.

@Input() style: { [klass: string]: any } | null | undefined;

...

[ngStyle]="style"

You can try this one.

  <p-dropdown
    [style]="{ display: 'block', width: '100px' }"
    [options]="options"
    [(ngModel)]="selectedOne"
  />

[mehmetcetin01140]

Hi,

So sorry for the delayed response! Improvements have been made to many components recently, both in terms of performance and enhancement. Therefore, this improvement may have been developed in another issue ticket without realizing it. You can check this in the documentation. If there is no improvement on this, can you open a new issue so we can include it in our roadmap?

Thanks a lot for your understanding!
Best Regards,