Topic: mdb-material-chips hitting backspace is not deleting chips

brrahul free asked 3 years ago

Expected behavior

1) Setting ngModel to ['Tag 1', 'Tag 2', 'Tag 3'] will set 3 tags initially

2) All 3 tags will have X button

3) Hitting backspace once will delete one tag

4) Add characters and hit enter will add new tag with X button

Actual behavior

1) Setting ngModel to ['Tag 1', 'Tag 2', 'Tag 3'] is not setting up initially. I have to hit enter in input box then all 3 tags pops up

2) Working as expected

3) Hitting backspace is not deleting chips. X button is working fine

4) Working as expected

Resources (screenshots, code snippets etc.)

HTML <mdb-material-chips [(ngModel)]="initialtags"></mdb-material-chips>

TS initialtags: string[] = ['Tag 1', 'Tag 2', 'Tag 3'];

Arkadiusz Idzikowski staff commented 3 years ago

Thank you for reporting these problems, we will take a closer look at that.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: 8.2.0
  • Device: Laptop
  • Browser: Chrome v77
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No