[BUG] @prizm-ui/components - Краткое описание проблемы

[andrewlis]

Библиотека

Выберите нужное отметив галочку [x]

• [ ] @prizm-ui/core
• [x] @prizm-ui/components
• [ ] @prizm-ui/install
• [ ] @prizm-ui/icons
• [ ] @prizm-ui/flag-icons
• [ ] @prizm-ui/theme
• [ ] @prizm-ui/charts
• [ ] @prizm-ui/ast
• [ ] @prizm-ui/nx-plugin

Компонент

prizm-input-select

Версия

Операционная ситема:

MacOs Sonoma 14.6

Браузер:

Google Chrome Версия 96.0.4664.110 (Официальная сборка), (x86_64)

NodeJS:

➜ node --version
v20.12.2

Dependencies:

➜ npm ls @prizm-ui/components

@prizm-ui/components 4.3.4

➜ npm ls @angular/core

├─┬ @angular-material-components/datetime-picker@16.0.1
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker
├─┬ @angular-material-components/moment-adapter@16.0.1
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/animations@17.3.4
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/cdk-experimental@16.2.14
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/cdk@16.2.14
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/common@17.3.4 invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/compiler@17.3.4
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├── @angular/core@17.3.4 invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/forms@17.3.4 invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/material-moment-adapter@17.3.4
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/material@16.2.14 invalid: "17.3.4" from node_modules/@angular/material-moment-adapter
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/platform-browser-dynamic@17.3.4
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/platform-browser@17.3.4 invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @angular/router@17.3.4
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @ng-web-apis/common@2.1.0
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @ng-web-apis/intersection-observer@3.0.0
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @ng-web-apis/resize-observer@2.0.0
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @prizm-ui/components@4.3.5
│ ├── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
│ └─┬ @ng-web-apis/mutation-observer@3.2.1
│   └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter, "^15.0.0" from node_modules/ngx-cookie-service, ">=15.0.0 <16.0.0" from node_modules/ngx-infinite-scroll
├─┬ @prizm-ui/core@4.3.5
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @prizm-ui/helpers@4.3.5
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @prizm-ui/i18n@4.3.5
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @prizm-ui/icons@4.3.5
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ @prizm-ui/theme@4.3.5
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ angular-svg-icon@17.0.0
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ jest-preset-angular@14.0.3
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ keycloak-angular@15.2.1
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter
├─┬ ngx-cookie-service@15.0.0
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter, "^15.0.0" from node_modules/ngx-cookie-service
├─┬ ngx-image-cropper@6.3.4
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter, "^15.0.0" from node_modules/ngx-cookie-service
├─┬ ngx-infinite-scroll@15.0.0
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter, "^15.0.0" from node_modules/ngx-cookie-service, ">=15.0.0 <16.0.0" from node_modules/ngx-infinite-scroll
├─┬ ngx-mask@15.2.3 invalid: "17.0.4" from node_modules/@prizm-ui/components
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter, "^15.0.0" from node_modules/ngx-cookie-service, ">=15.0.0 <16.0.0" from node_modules/ngx-infinite-scroll
├─┬ ngx-pagination@6.0.3
│ └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter, "^15.0.0" from node_modules/ngx-cookie-service, ">=15.0.0 <16.0.0" from node_modules/ngx-infinite-scroll
└─┬ single-spa-angular@8.1.1
  └── @angular/core@17.3.4 deduped invalid: "^16.0.0" from node_modules/@angular-material-components/datetime-picker, "^16.0.0" from node_modules/@angular-material-components/moment-adapter, "^15.0.0" from node_modules/ngx-cookie-service, ">=15.0.0 <16.0.0" from node_modules/ngx-infinite-scroll

### Проект в котором используется Prizm

- z-spm

### Скрин / Видео проблемы

![Снимок экрана 2024-08-08 в 12 04 37](https://github.com/user-attachments/assets/a083443a-7653-46a6-bd00-f9831eb9a897)
![Снимок экрана 2024-08-08 в 12 04 23](https://github.com/user-attachments/assets/1921b6a6-80ae-4d1b-b3b2-5b367a9bd988)
![Снимок экрана 2024-08-08 в 12 04 11](https://github.com/user-attachments/assets/d4740f02-ebc2-4b3e-8e5c-f447853a4c91)

### Воспроизведение проблемы

_Ссылка на stackblitz с минимальным воспроизведением_
Пример:

https://stackblitz.com/run?file=src%2Fapp%2Fapp.component.html

### Описание проблемы

Работа поиска с использованием апи скидывает выбранное значение в контролле, так как отображение выбранного варианта проверяется на наличие в отображаемом списке.

_Есть проблема следующего характера:_

_Шаги воспроизведения_:

1. Перейти в стакблитз по ссылке прикрепленной в issue
2. Выбрать любой из вариантов выпадающего списка с поиском
3. Произвести поиск варианта, отличающегося от выбранного
4. Выбранный вариант скрывается, так как его нет в результатах поиска

[imonogarov]

@andrewlis скриншоты не подгрузились, просьба прикрепить повторно + ссылку на стакблитз

[andrewlis]