fix(notification): unblock UI beneath Notification (#3661)

box · Sep 18, 2024 · 33b34d9 · 33b34d9
1 parent fe4fede
commit 33b34d9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/notification/Notification.scss b/src/components/notification/Notification.scss
@@ -13,6 +13,10 @@
     height: 0; /* allows elements around notifications to be clickable */
 }
 
+.notification-container {
+    height: 0;
+}
+
 .notification {
     display: flex;
     align-items: center;

diff --git a/src/components/notification/NotificationsWrapper.js b/src/components/notification/NotificationsWrapper.js
@@ -10,7 +10,7 @@ type Props = {
 
 const NotificationsWrapper = ({ children }: Props) => (
     <Portal className="notifications-wrapper" aria-live="polite">
-        {children ? <FocusTrap>{children}</FocusTrap> : null}
+        {children ? <FocusTrap className="notification-container">{children}</FocusTrap> : null}
     </Portal>
 );