fix: markup shown as tags from some browsers (#404)

* fix: markup shown as tags from some browsers

* fix: notification body overflow

* Revert "fix: notification body overflow"

This reverts commit 58c0fe4758cbfcf1ca0fbf6e9c6a66322aa703cf.

* fix: remove options

modules/menus/notifications/notification/body/index.ts

@@ -19,6 +19,8 @@ export const Body = (notif: Notification): BoxWidget => {
                 wrap: true,
                 class_name: 'notification-card-body-label menu',
                 label: notif['body'],
+            }).on('realize', (self) => {
+                self.set_markup(notif['body']);
             }),
         ],
     });

modules/menus/notifications/notification/header/index.ts

@@ -35,6 +35,8 @@ export const Header = (notif: Notification): BoxWidget => {
                         truncate: 'end',
                         wrap: true,
                         label: notif['summary'],
+                    }).on('realize', (self) => {
+                        self.set_markup(notif['summary']);
                     }),
                 ],
             }),

modules/notifications/body/index.ts

@@ -20,6 +20,8 @@ export const Body = (notif: Notification): Box<Child, Attribute> => {
                 wrap: true,
                 class_name: 'notification-card-body-label',
                 label: notif['body'],
+            }).on('realize', (self) => {
+                self.set_markup(notif['body']);
             }),
         ],
     });

modules/notifications/header/index.ts

@@ -37,6 +37,8 @@ export const Header = (notif: Notification): Box<Child, Attribute> => {
                         truncate: 'end',
                         wrap: true,
                         label: notif['summary'],
+                    }).on('realize', (self) => {
+                        self.set_markup(notif['summary']);
                     }),
                 ],
             }),