tabindex

mitodl · Oct 24, 2024 · 92a72ba · 92a72ba
1 parent eeab058
commit 92a72ba
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/frontend/public/scss/notification.scss b/frontend/public/scss/notification.scss
@@ -1,6 +1,6 @@
 .notifications {
   position: relative;
-  z-index: -1;
+  z-index: 1;
 
   // HACK: Using this rule to get around styling issues with <p> elements in the
   //       notification content (notification content in Wagtail is configured to be HTML,

diff --git a/frontend/public/src/components/NotificationContainer.js b/frontend/public/src/components/NotificationContainer.js
@@ -80,6 +80,7 @@ export class NotificationContainer extends React.Component<Props, State> {
         className="notifications order-2"
         id="notifications-container"
         ref={this.headingRef}
+        tabIndex="-1"
       >
         {Object.keys(userNotifications).map((notificationKey, i) => {
           const dismiss = partial(this.onDismiss, [notificationKey])