allianz / ng-aquila

Angular UI Component library for the Open Insurance Platform
https://allianz.github.io/ng-aquila/
Other
209 stars 36 forks source link

[NxMultiSelectComponent] When [disabled]=true the multiselect options shouldn't be visible when clicked #43

Closed dumitrascuSorin closed 2 years ago

dumitrascuSorin commented 2 years ago

⚡ Reproduction

StackBlitz link to reproduce the issue: https://stackblitz.com/edit/angular-jrffxu?file=src/app/multi-select-intl-example.html

Steps to reproduce:

  1. On an nx-multi-select set the disabled input to be true.
  2. Click on the dropdown input.
  3. 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.

image

📦 Environment

yd-allianz commented 2 years ago

Hi @dumitrascuSorin thanks for reporting, we'll let you know once this is fixed.

yd-allianz commented 2 years ago

Hi @dumitrascuSorin with the latest release this issue is now fixed. Thanks for contributing.