Event list sometimes stops responding to mouse hover and clicks when adding elements after a modal is closed

[raphaelgodart]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

In one of our Angular projects, we're using the Event list component as follows. An 'Add' button opens a modal in which a name must be provided. After closing the modal, an event list item using the provided name is added to the event list.

In some instances, after performing the above procedure and after the modal is closed, the event list is not responding to mouse hover and mouse clicks anymore.

Unfortunately, this bug does not happen everytime. Sometimes, it happens only after adding multiple items. Sometimes it doesn't occur at all. The attached video illustrates the problem. When adding items 1 and 2 there is no problem. As seen in the video, the event list is still responding to mouse hover an clicks. After adding item 3 however, the event list does not respond to mouse hover and clicks anymore.

As also seen in the video, after opening a modal again and dismissing by pessing 'Cancel', the event list responds to mouse hover and clicks again. The bug was reproduced in Google Chrome. This is the video:

2024-03-20.20-41-20.mp4

This Stackblitz has the reproduction project which was used in the video:

https://stackblitz.com/edit/siemens-ix-event-list-bug-repro

This bug seems related to the modal. When adding items to the list without using a modal (e.g. by providing a hardcoded name), this bug does not occur.

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

Angular

Which version of iX do you use?

v2.1.2

Code to produce this issue.

https://stackblitz.com/edit/siemens-ix-event-list-bug-repro

[github-actions]

🤖 Hello @raphael-siemens

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-1070

[benvla]

I have found an interesting work-around for this issue. Removing the 'Animate state change transitions' seems to solve the issue.

In the provided example, change

<ix-event-list class="m-2">

into

<ix-event-list class="m-2" animated="false">