site: improvements

Author: jackocnr

site/src/css/_forms.scss

@@ -19,15 +19,18 @@ textarea.form-control::placeholder {
   border-bottom-left-radius: var(--bs-border-radius);
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    /* plugin overrides */
-    --iti-border-color: #5b5b5b;
-    --iti-dropdown-bg: var(--bs-dark);
-    --iti-icon-color: var(--bs-body-color);
+:root {
+  /* plugin overrides (NOTE: the bootstrap vars handle dark mode automatically) */
+  --iti-border-color: var(--bs-border-color);
+  --iti-dropdown-bg: var(--bs-body-bg);
+  --iti-icon-color: var(--bs-body-color);
+  --iti-hover-color: #f8f9fa;
+
+  @media (prefers-color-scheme: dark) {
     --iti-hover-color: #30363d;
   }
 }
+
 .iti__dropdown-content,
 .iti__search-input {
   border-radius: var(--bs-border-radius);

site/src/playground/js/playground.js

@@ -48,7 +48,8 @@ function shouldDisableKeepDropdownOpen(state) {
     state.useFullscreenPopup ||
     !state.allowDropdown ||
     state.disabled ||
-    state.readOnly
+    state.readOnly ||
+    state.dropdownContainer // uses pos:fixed so can't be kept open on scroll
   );
 }