siemens / ix

Siemens Industrial Experience is a design system for designers and developers, to consistently create the perfect digital experience for industrial software products.
https://ix.siemens.io/
MIT License
194 stars 64 forks source link

ix-dropdown seems not to work inside ix-tree #1433

Open mschlestein opened 1 month ago

mschlestein commented 1 month ago

Prerequisites

What happened?

When an ix-dropdown is used inside a ix-tree in the item template, it doesn't work anymore. Dropdown does not open. Trigger-mechanism seems to be broken. Outside ix-tree it works as expected and can be opened.

What type of frontend framework are you seeing the problem on?

Angular

Which version of iX do you use?

v2.4.0

Code to produce this issue.

https://github.com/grollmus/ixdropdownissue
github-actions[bot] commented 1 month ago

🤖 Hello @mschlestein

Your issue will be analyzed and is part of our internal workflow. To get informed about our workflow please checkout the Contributing Guidelines

JIRA: IX-1616

danielleroux commented 4 weeks ago

@mschlestein we identified the issue as a workaround you can prevent the click event.

<ng-template #treeItem let-item>
    <div class="d-flex align-items-center" (click)="$event.stopPropagation()">
      {{ item.name }}
      <ix-icon-button
        [id]="'iconTrigger' + item.id"
        icon="more-menu"
      ></ix-icon-button>