Как помешать Primeng Cascadeselect переполнить сторону экрана? ⇐ CSS

[Anonymous]

При использовании Primeng Cascadeelect для выбора продукта, но название продукта слишком длинное, каскаделяция уйдет с боковой стороны экрана. Есть ли способ предотвратить это?
[(ngModel)]="selectedProduct"
[options]="products"
optionLabel="name"
optionGroupLabel="name"
[optionGroupChildren]="['children', 'children']"
[style]="{ minWidth: '14rem' }"
placeholder="Select a Product"
/>
< /code>
products: any[] | undefined = [
{
name: 'Group A',
children: [
{
name: 'Family A',
children: [
{
name: 'Product A - This is a really, really, really, really, really, really, really, really long name'
}
],
},
],
},
];

selectedProduct: any;
< /code>
Stackblitz < /p>
Единственное изменение, которое я видел, - это когда ширина экрана составляет 960 пикселей или меньше, когда он переходит на мобильный дисплей. Однако это изменение дисплея не идеально подходит для проекта, над которым я работаю. Есть ли, чтобы каскад Select Double вернулся на себя, чтобы он не продолжал расширяться вправо?


Подробнее здесь: https://stackoverflow.com/questions/797 ... the-screen