[bug]: Toast does not close/vanish on click on closing-x

[aedu-hostettler]

Describe the bug
A toast that is dismissible (with an closing-X on top-right of the shown toast) does not close/vanish if clicked or if Enter is pressed with keyboard while focusing the closing-x.

To Reproduce
Steps to reproduce the behavior:

Let any dismissible toast show up, and try to close it manually.

Expected behavior
The toast should vanish.

Screenshots
If applicable, add screenshots to help explain your problem.

Desktop (please complete the following information):

• OS: Windows 10
• Browser -> all browsers (chrome, edge, firefox, opera)
• Version (current versions at 14.12.2024)

Additional context
Should we implement a close functionality on click/keyboard-enter by ourselves for each occurence of a toast, or would you do that once centraly in your component for all occurences?
Used Versions:
"@swisspost/design-system-components": "8.6.2",
"@swisspost/design-system-icons": "8.6.2",
"@swisspost/design-system-styles": "8.6.2",

[gfellerph]

@aedu-hostettler the toast component currently is an HTML/CSS component only. This means, that the show/hide logic has to be implemented on project side. I totally agree that this is not really convenient. We're planning to implement this as a web component with a better API that will help to create toasts. For reference, you can follow this issue #3928.