Cannot dismiss individual notifications — panel closes, notification remains #8103
Description
Summary
Clicking the "Dismiss" (X) button on individual notifications (e.g. “Save successful”) does not remove that notification from the list. Instead, it closes the entire notification panel. This breaks the expected behavior and may confuse users who want to clear specific notifications without dismissing all or closing the panel.
Expected vs Current Behavior
Expected: Clicking the “Dismiss” (X) button should remove the specific notification from the list, while keeping the panel open.
Current: The entire notification panel closes, and the notification remains in the list.
Steps to Reproduce
- Open Open MCT
- Click “+ Create”, select any object (e.g., Clock)
- Click “OK” to save the object — this triggers a notification: “Save successful”
- Click “1 Notification” in the top bar to open the notification list
- Click the Dismiss button (HTML:
button[aria-label="Dismiss notification of Save successful"]) - Observe that the panel closes and the notification is still present
Environment
- Open MCT Version: 4.1.0-next
- Build Date: Jun 25, 2025
- Revision: f4637b8
- Deployment Type: npm dev
- OS: Windows 10
- Browser: Chrome (latest), Opera
- Issue appears consistent across browsers/OS
Impact Check List
- Data loss or misrepresented data?
- Regression? Did this used to work or has it always been broken?
- Is there a workaround available? (User must manually clear all notifications)
- Does this impact a critical component?
- Is this just a visual bug with no functional impact?
- Does this block the execution of e2e tests?
- Does this have an impact on Performance?
Additional Information
The issue is likely due to incorrect event handling — the dismiss button seems to trigger the same handler as the panel close button.
A short screen recording and screenshots can be provided upon request.
This is the locator of the faulty button:
button[aria-label="Dismiss notification of Save successful"]
