Merge pull request #1428 from projectblacklight/autocomplete-wrapper

Allow autocomplete items to wrap. Otherwise, very long suggestions can bleed off the screen.
projectblacklight · Dec 7, 2023 · 0d73b63 · 0d73b63
2 parents 2c7f1d9 + d32bef8
commit 0d73b63
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/app/assets/stylesheets/arclight/application.scss b/app/assets/stylesheets/arclight/application.scss
@@ -11,3 +11,4 @@
 @import 'modules/search_results';
 @import 'modules/show_collection';
 @import 'modules/truncator';
+@import 'modules/search_form';
diff --git a/app/assets/stylesheets/arclight/modules/search_form.scss b/app/assets/stylesheets/arclight/modules/search_form.scss
@@ -0,0 +1,9 @@
+// Original style comes from https://github.com/twbs/bootstrap/blob/v5.3.2/scss/_dropdown.scss#L184
+// via https://github.com/projectblacklight/blacklight/blob/v8.1.0/app/assets/stylesheets/blacklight/_search_form.scss#L25
+.input-group > .search-autocomplete-wrapper {
+  ul {
+    li {
+      white-space: normal;
+    }
+  }
+}