Bug #627
closedPop-up notifications (toasts) stay on screen too long (over 5 seconds) and can’t be dismissed
0%
Description
Module: Global UI, all modules (OPD, Billing, Radiology, etc.)
Environment: Test, NSSH (https://nssh.test.clinq.health)
Type: Bug / UX
Severity: Low–Medium (blocks part of the screen and slows down busy users such as front desk staff and doctors)
Priority: P3
Description
Toast notifications such as “Saved”, “Patient registered” or “Prescription signed” stay on screen for more than 5 seconds. They cover buttons and content, and there’s no way to close them early. On busy screens they pile up.
Steps to reproduce
Do any action that shows a toast, for example registering a patient, saving a draft or signing a prescription.
Watch how long the toast stays on screen.
Try to close it.
Expected result
Toasts close on their own sooner:
Success or info: about 3 seconds
Warning: about 5 seconds
Error: stays until dismissed, so the user doesn’t miss it
Every toast has a ✕ close button, and can also be dismissed by clicking or swiping it.
Hovering over a toast pauses the auto-close timer.
Several toasts stack neatly, with a limit of about 3 visible at once, and don’t cover important actions such as Register Patient or Sign.
Actual result
Toasts stay for more than 5 seconds, can’t be closed manually, and cover parts of the screen.
Acceptance criteria
Success and info toasts close automatically within about 3 seconds.
Error toasts stay until the user dismisses them.
Every toast has a close button.
Hovering pauses the timer.
At most 3 toasts are visible at a time, and older ones are removed first.
Toasts don’t overlap primary action buttons.
Notes
Toasts probably come from a shared toast component, so a single fix to its default duration and its dismissible setting will apply everywhere.
RH Updated by Roshni Harish. 14 days ago
- Subject changed from Pop-up stays on screen for more than 5 seconds to Pop-up notifications (toasts) stay on screen too long (over 5 seconds) and can’t be dismissed
- Description updated (diff)
- Assignee set to Arya M.
FM Updated by Fiza M. 9 days ago
Fixed in the shared UI library (nuvita-ui), so one change covers every module. It is on nuvita-ui dev (d8c81ee).
What changed:
- Success, info and plain toasts close after 3 seconds.
- Warnings close after 5 seconds.
- Errors stay until dismissed.
- A toast that sets its own duration keeps it.
- Close (x) button, hover-pause and the 3-visible-at-once limit were already in place (ui 0.2.77 and the toast library defaults).
Not visible yet on test/NSS: a nuvita-ui release and a version bump in each portal are needed first. Please test after that.
Steps to test (any portal, e.g. OPD):
- Do an action that shows a success toast (register a patient, save a draft, sign a prescription). It should disappear on its own after about 3 seconds.
- Trigger a warning toast. It should disappear after about 5 seconds.
- Trigger an error toast (e.g. submit a form with a required field missing, or switch the network off and save). It should stay on screen until you press x.
- On any toast, press the x. It should close immediately. Clicking or swiping it should also close it.
- Hover the mouse over a success toast for more than 3 seconds. It should stay while hovered and close shortly after the mouse leaves.
- Trigger 4 or more toasts quickly (e.g. save several times). At most 3 should be visible, oldest removed first.
- Check the toasts do not cover the Register Patient or Sign buttons. They appear at the top right.
If any step fails, reopen with the portal, screen and which toast type.
RH Updated by Roshni Harish. 8 days ago · Edited
- Status changed from Resolved to Feedback
- Assignee changed from Roshni Harish. to Fiza M.
The popup notifications cannot be closed and stays for more than 5 seconds in some of the modules.
RH Updated by Roshni Harish. 7 days ago
- Status changed from Resolved to Closed