angular primeng picklist styling broken after upgrading from 9 to 11

  angular, primeng

I’ve just upgraded primeng on my app from 9 to 11. Went through the migration guide, changed the imports, changed the classes from u to p, etc. Everything looks fine for the most part, except for the pick list.

this is what it looks like:

<p-pickList [source]="data" [target]="selectedItems" filterBy="value">
  <ng-template let-item pTemplate="item">              
    <div class="p-helper-clearfix">
      <div >{{ item.value }}
      </div>
    </div>
  </ng-template>
</p-pickList>

here’s how it looked before (v9) (boxes would keep the width value, add horizontal scroll bar if needed):
enter image description here

and here’s how it looks after the upgrade (v11) (boxes shrink and expand depending on the values):
enter image description here

Source: Angular Questions

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.