mdb-deselect setting ACTIVE class for selected option

Topic: mdb-deselect setting ACTIVE class for selected option

Revature Pro priority asked 2 years ago

Expected behavior Deselected Values should not have hovered, Active CSS should not get attached for deselected values.

Actual behavior Active CSS getting added and value getting highlighted for deselected ones. Resources (screenshots, code snippets etc.) enter image description here

 <div class="col-3 mt-4" *ngIf="types.length > 0" id="typeDpDwnDiv">
        <mdb-select [options]="typesSelect" [(ngModel)]="selectedTypes"
          (ngModelChange)="typeFilter()" [multiple]="true" [highlightFirst]="false"
          class="colorful-select dropdown-default" placeholder="Choose your option"></mdb-select>

Arkadiusz Idzikowski staff commented 2 years ago

The option should have styles this styles on mouse hover, but it should have different styles when is highlighted with keyboard navigation, to make it easier to recognize differences between selected and highlighted option when we don't see mouse cursor.

Thank you for letting us know about this problem.

Revature Pro priority commented 2 years ago

thank you @Arkadiusz Idzikowski, this was helpful, please let me know, when can we expect the fix for this.

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: Priority
  • Premium support: Yes
  • Technology: MDB Angular
  • MDB Version: 8.0.0
  • Device: Desktop
  • Browser: Google Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: No