igx-card-actions places elements with igxEnd in the igxStart container

[kdinev]

Description

I have card actions with three elements and all are placed in the card actions start container, regardless of the directive they've been marked with.

• igniteui-angular version: 17.2.0
• browser: all

Steps to reproduce

1. Create a card with the following action buttons:

    <igx-card-actions class="strategy-actions">
      <span igxStart class="horizontal-center navigatable" [routerLink]="['/strategies', 'details', strat.customUrl]">
        <igx-badge [value]="strat.comments ? strat.comments.length : 0" type="info"></igx-badge>
        <span i18n>Comments</span>
      </span>
      <button igxEnd igxButton="fab"
              [ngClass]="strat.votes | hasVoted:0:authUser:pipeTrigger"
              igxRipple
              (click)="voteStrat(strat, 0)" igxStart>
        <igx-icon title="vote up">thumb_up</igx-icon>
        <span *ngIf="strat.votes | votes:0:pipeTrigger">
          {{strat.votes | votes:0:pipeTrigger}}
        </span>
      </button>
      <button igxEnd igxButton="fab"
              [ngClass]="strat.votes | hasVoted:1:authUser:pipeTrigger"
              igxRipple
              (click)="voteStrat(strat, 1)" igxStart>
        <igx-icon title="vote down">thumb_down</igx-icon>
        <span *ngIf="strat.votes | votes:1:pipeTrigger">
          {{strat.votes | votes:1:pipeTrigger}}
        </span>
      </button>
    </igx-card-actions>

2. Observe the card layout

Result

All items are in the start container.

Expected result

Comments should be in the start container and voting buttons in the end container.

Attachments

[kdinev]

I just noticed that I'm applying both directives to the end buttons, which is my bad. This is not a bug.