NileshPatel17 / ng-multiselect-dropdown

Multiple Select Dropdown Component
https://nileshpatel17.github.io/ng-multiselect-dropdown/
323 stars 287 forks source link

Not able to Override scss using :host ::ng-deep #429

Open sureshrucko opened 4 months ago

sureshrucko commented 4 months ago

Angular version: 16.2.12

ng-multiselect-dropdown version: 1.0.0

Description of issue: Recently i updated my angular application to "16.2.12" after that i also update my "ng-multiselect-dropdown" i.e. 1.0.0. After upgradation css are breaking in my application where i am used ":host ::ng-deep" to customize ng-multiselect-dropdown css.

Expected result: Override custom css

Actual result: dafault css showing

Demo: (https://stackblitz.com/edit/angular-ivy-ghcw8b?file=src%2Fapp%2Fuser%2Fprofile%2Fprofile.component.ts,src%2Fapp%2Fuser%2Fprofile%2Fprofile.component.scss,package.json,src%2Fapp%2Fuser%2Fprofile%2Fprofile.component.html)

Screenshot from 2024-04-23 13-02-54

As you can see in image selected-item background should be yellow but it's showing default colour.

rhythm-chicmic commented 3 months ago

have you tried giving '!important' at the end?