[nx-dropdown] An error appears when selecting any values in the drop down list

[keeratita]

⚡ Reproduction

Steps to reproduce:

1. Go to a website : https://allianz.github.io/ng-aquila/welcome
2. Try to select any values in a dropdown on Try it out section
3. Got an error "Maximum call stack"

📗 Expected Behavior

Should select the value in the dropdown list and show it/them properly.

📕 Actual Behavior

📦 Environment

• Aquila/NDBX version: ^16.0.0
• Angular/CDK version: ^16.0.1
• Browser name & version: Brave Browser 1.71.123
• Operating System & version (desktop or mobile): macOS Ventura 13.7.1

[keeratita]

Should it have to use value attribute instead of nxValue in the <nx-dropdown-item>?

Source: src/app/starter-app.html

It seems the demo is working fine when changing these lines from

          <nx-dropdown-item nxValue="1">1</nx-dropdown-item>
          <nx-dropdown-item nxValue="2">2</nx-dropdown-item>
          <nx-dropdown-item nxValue="3">3</nx-dropdown-item>

to

          <nx-dropdown-item value="1">1</nx-dropdown-item>
          <nx-dropdown-item value="2">2</nx-dropdown-item>
          <nx-dropdown-item value="3">3</nx-dropdown-item>

[Phil147]

Hi @keeratita

Should it have to use value attribute instead of nxValue in the <nx-dropdown-item>?

Yes correct in v16 we removed the nx prefix in inputs for components. The starter app on the main page should get updated also to use the latest version.

[keeratita]

Thanks a lot @Phil147.