Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] @prizm-ui/components - Форм-контролы под fieldset[disabled] отображаются как интерактивные #231

Closed
1 task done
AleksandrSibiakov opened this issue May 3, 2023 · 0 comments
Assignees
Labels
source:idp issue from IDP state:ready ready for release (pass tested)
Milestone

Comments

@AleksandrSibiakov
Copy link
Contributor

AleksandrSibiakov commented May 3, 2023

Библиотека

  • @prizm-ui/components

Компонент

Форм-контролы (подозреваю PrizmInputLayout)

Версия

1.0.0-beta.35

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

image

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

Требуется дизейблить группу UI элементов

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

При организации <form> есть возможность группировок UI элементов через <fieldset>. Он, в отличие от form-тэга, также обладает возможностью управления статусом [disabled] группы UI-элементов через соответсвующий аттрибут (поддерживается Angular и HTML-native элементами).
(P.S. данный подход имеет ряд преимуществ над установкой свойства disabled индивидуальным контролам, или FormGroup-ам целиком)

Но, для PrizmInputLayout продолжает отображается бордер (при наведении курсора - синего цвета) и некоторые элементы, например кнопка "очистить" (клик не срабатывает, как и ожидается).

Курсор при этом not-allowed как и положено, т.к. используется селектор [disabled] <host_id> (aka :host-context(:disabled))
Проблема чисто CSS.

Ожидаемое поведение

Бордер и интерактивные элементы (очистка поля, "глазок" пароля и т.п.) не отображаются для PrizmInputLayout в [disabled] контексте. Компонент отрисовывается в disabled состоянии.

@ZurabDev ZurabDev self-assigned this May 4, 2023
@ZurabDev ZurabDev added this to the 1.0.0-beta.37 milestone May 4, 2023
@ZurabDev ZurabDev added the state:in_progress We work on this issue label May 11, 2023
@ZurabDev ZurabDev added source:idp issue from IDP state:ready ready for release (pass tested) and removed state:in_progress We work on this issue labels May 19, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
source:idp issue from IDP state:ready ready for release (pass tested)
Projects
None yet
Development

No branches or pull requests

2 participants