FIX: ensure dropdown is above sibling labels (#18658)

2022-10-18 18:18:23 -04:00 · 2022-10-18 18:18:23 -04:00 · 99d9c933c6
parent dcbfbbf19d
commit 99d9c933c6
1 changed files with 3 additions and 0 deletions
--- a/app/assets/stylesheets/common/base/login.scss
+++ b/app/assets/stylesheets/common/base/login.scss
@ -197,6 +197,9 @@ body.invite-page {
        padding: 0 0.25em 0 0.25em;
        font-size: $font-down-1;
      }
+      .user-field.dropdown:focus-within {
+        z-index: 1000; // this ensures the active dropdown is always on top of sibling dropdown labels
+      }
      input:focus + label.alt-placeholder,
      input.value-entered + label.alt-placeholder {
        top: -8px;