On an nx-multi-select set the disabled input to be true.
Click on the dropdown input.
The options are going to be displayed.
📗 Expected Behavior
When the disabled input of the nx-multi-select component is true, the multi select shouldn't be clickable and the options shouldn't be displayed.
📕 Actual Behavior
When the disabled input is true, the 'is-disabled' class is applied to the nx-formfield' wrapping the 'nx-multi-select', thus greying out the label and the dropdown input.
However, when the dropdown input is clicked, the list of options is displayed.
📦 Environment
Aquila/NDBX version: 13.3.5
Angular/CDK version: 13.3.7
Browser name & version: Google Chrome Version 101.0.4951.67
Operating System & version (desktop or mobile): Windows 10 Enterprise
⚡ Reproduction
StackBlitz link to reproduce the issue: https://stackblitz.com/edit/angular-jrffxu?file=src/app/multi-select-intl-example.html
Steps to reproduce:
nx-multi-select
set thedisabled
input to be true.📗 Expected Behavior
When the
disabled
input of thenx-multi-select
component is true, the multi select shouldn't be clickable and the options shouldn't be displayed.📕 Actual Behavior
When the
disabled
input is true, the 'is-disabled' class is applied to the nx-formfield' wrapping the 'nx-multi-select', thus greying out the label and the dropdown input. However, when the dropdown input is clicked, the list of options is displayed.📦 Environment