Strange behavior of kor-menu-item active property about kor HOT 2 CLOSED

Oh yes, my bad. I forgot to put toggle under squared bracket:

<kor-menu-item (click)="gotoPage('/')" [active]="isActive('/')" label="Home" [toggle]="false" icon="home"></kor-menu-item>

And now it's working fine ! Thanks for the help.

from kor.

Hey @gcollin , I tried out the scenario you described and found out that it is happening because toggle is still set to true (in HTML5 any value assigned in line will return true, e.g. toggle="false" is the same as toggle="").

Any of the following solutions would resolve you problem:

• Bind toggle to an actual false property. Example:

[toggle]="myFalseBool"

• Stop the propagation of the click event to prevent the toggle behavior. Example:

(click)="$event.stopImmediatePropagation(); gotoPage('/')"

from kor.