Merge pull request #15756 from shariquerik/hide-notification-on-click

frappe/public/js/frappe/ui/notifications/notifications.js

@@ -283,12 +283,13 @@ class NotificationsView extends BaseNotificationsView {
 				e.stopImmediatePropagation();
 				this.mark_as_read(field.name, item_html);
 			});
-
-			item_html.on('click', () => {
-				this.mark_as_read(field.name, item_html);
-			});
 		}
 
+		item_html.on('click', () => {
+			!field.read && this.mark_as_read(field.name, item_html);
+			this.notifications_icon.trigger('click');
+		});
+
 		return item_html;
 	}