fix: lift notifications above modal overlay (#2175)

GetStream · Nov 16, 2023 · 17d98f4 · 17d98f4
1 parent 4f91d9a
commit 17d98f4
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 6 deletions.
diff --git a/package.json b/package.json
@@ -30,7 +30,7 @@
   "dependencies": {
     "@braintree/sanitize-url": "^6.0.4",
     "@popperjs/core": "^2.11.5",
-    "@stream-io/stream-chat-css": "^3.13.0",
+    "@stream-io/stream-chat-css": "^3.14.2",
     "clsx": "^2.0.0",
     "dayjs": "^1.10.4",
     "emoji-mart": "3.0.1",

diff --git a/src/components/MessageList/CustomNotification.tsx b/src/components/MessageList/CustomNotification.tsx
@@ -18,6 +18,7 @@ const UnMemoizedCustomNotification = (props: PropsWithChildren<CustomNotificatio
       className={clsx(
         `str-chat__custom-notification notification-${type}`,
         `str-chat__notification`,
+        `str-chat-react__notification`,
         className,
       )}
       data-testid='custom-notification'

diff --git a/src/components/MessageList/__tests__/CustomNotification.test.js b/src/components/MessageList/__tests__/CustomNotification.test.js
@@ -23,7 +23,7 @@ describe('CustomNotification', () => {
     expect(tree).toMatchInlineSnapshot(`
       <div
         aria-live="polite"
-        className="str-chat__custom-notification notification-undefined str-chat__notification"
+        className="str-chat__custom-notification notification-undefined str-chat__notification str-chat-react__notification"
         data-testid="custom-notification"
       >
         children

diff --git a/yarn.lock b/yarn.lock
@@ -2256,10 +2256,10 @@
     crypto-browserify "^3.11.0"
     process-es6 "^0.11.2"
 
-"@stream-io/stream-chat-css@^3.13.0":
-  version "3.13.0"
-  resolved "https://registry.yarnpkg.com/@stream-io/stream-chat-css/-/stream-chat-css-3.13.0.tgz#3c49d17baeddf9d48b4fea377387eca23663b5fe"
-  integrity sha512-dF0VauSvAVeq+71z9zIru2Jpaj9D3yMK5S2+o1RGApYvGXkl07nS3vcPXv9btZ6c1RFskoVnzG/2xb42P0nleA==
+"@stream-io/stream-chat-css@^3.14.2":
+  version "3.14.2"
+  resolved "https://registry.yarnpkg.com/@stream-io/stream-chat-css/-/stream-chat-css-3.14.2.tgz#11674178b538e2a7630038a420a642d411ce03de"
+  integrity sha512-S54qkFRJ4GwQ0uR36z+m3uv1aYD+Ut/tNG0i/9FpjE/mcqQLcpV7GrTYTfZh0hr5w4m3xJ5N+Mruz/A3BHe5mw==
 
 "@stream-io/transliterate@^1.5.5":
   version "1.5.5"