From ce689ab0c7bffb640fe58ba35802d169ec46eb99 Mon Sep 17 00:00:00 2001
From: Suzanne Aitchison <suzanne@forem.com>
Date: Fri, 30 Apr 2021 14:11:31 +0100
Subject: [PATCH] 15 min fix: make sure autocomplete dropdown occupies width
 (#13600)

* 15 min fix: make sure dropdown occupies width

* set width instead, with comment to explain
---
 app/assets/stylesheets/components/autocomplete.scss | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/components/autocomplete.scss b/app/assets/stylesheets/components/autocomplete.scss
index 697c83858..c67b43a8a 100644
--- a/app/assets/stylesheets/components/autocomplete.scss
+++ b/app/assets/stylesheets/components/autocomplete.scss
@@ -8,11 +8,13 @@
   }
 
   &__popover {
-    max-width: 300px;
     padding: var(--su-1);
     z-index: var(--z-elevate);
 
     &[data-reach-popover] {
+      // Reach UI adds a width directly to this element as an inline style. !important is needed to make sure the size is constrained.
+      width: 250px !important;
+
       @include generate-box(
         $level: 1,
         $bg: var(--card-bg),