zyfra / Prizm

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[BUG] @prizm-ui/components - Forms при нажатии "Enter" в инпуте формы открывается MultiSelect

RoxVell opened this issue · comments

Библиотека

  • @prizm-ui/core
  • @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

Компонент

Forms, Input, InputMultiSelect

Версия

Любая версия, начиная с 4, на 5 тоже воспроизводится

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

nds-configurator

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

Пример:

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

  1. Зайти по адресу stackblitz
  2. Выбрать один или несколько элементов в multi-select (бывает, что селект не открывается, в таком случае необходимо перезагрузить пример кнопкой обновления внутри редактора)
  3. Перевести фокус на верхний инпут и нажать кнопку "Enter"

Результат: открывается мультиселект

В приложении помогает такой фикс: вешаем на инпут обработчик (keydown)="onKeydown($event)"

image
onKeydown($event: KeyboardEvent) {
    if ($event.key === 'Enter') {
      $event.preventDefault();
    }
 }

В таком случае не срабатывают эвенты формы submit, ngSubmit. Не знаю влияет это на что-то или нет, просто наблюдения.