From f587fb7cc746425526dde994d76ad68e1f38d894 Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Fri, 26 Jan 2018 15:50:52 -0500
Subject: [PATCH] FIX: Select-kit category dropdown issues in IE11

---
 app/assets/stylesheets/common/select-kit/category-drop.scss | 3 ++-
 app/assets/stylesheets/common/select-kit/category-row.scss  | 1 +
 app/assets/stylesheets/common/select-kit/select-kit.scss    | 6 +++---
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/app/assets/stylesheets/common/select-kit/category-drop.scss b/app/assets/stylesheets/common/select-kit/category-drop.scss
index 5e875e47826..37f86581e22 100644
--- a/app/assets/stylesheets/common/select-kit/category-drop.scss
+++ b/app/assets/stylesheets/common/select-kit/category-drop.scss
@@ -70,6 +70,7 @@
         padding: 0;
         min-width: 100px;
         max-height: 300px;
+        max-width: 30em;
 
         .collection-header {
           .category-filter {
@@ -129,7 +130,7 @@
         .badge-wrapper {
           margin: 0;
           display: flex;
-          flex: 1;
+          flex: 1 1 auto;
         }
       }
 
diff --git a/app/assets/stylesheets/common/select-kit/category-row.scss b/app/assets/stylesheets/common/select-kit/category-row.scss
index 70758e474a6..47d4d2d9204 100644
--- a/app/assets/stylesheets/common/select-kit/category-row.scss
+++ b/app/assets/stylesheets/common/select-kit/category-row.scss
@@ -4,6 +4,7 @@
       display: flex;
       flex-wrap: wrap;
       align-items: center;
+      max-width: 100%;      
       -webkit-box-flex: 0;
           -ms-flex: 1 1 auto;
               flex: 1 1 auto;
diff --git a/app/assets/stylesheets/common/select-kit/select-kit.scss b/app/assets/stylesheets/common/select-kit/select-kit.scss
index ccd908b9681..26e4ba82429 100644
--- a/app/assets/stylesheets/common/select-kit/select-kit.scss
+++ b/app/assets/stylesheets/common/select-kit/select-kit.scss
@@ -94,9 +94,9 @@
 
     .selected-name {
       text-align: left;
-      -webkit-box-flex: 1 100%;
-              -ms-flex: 1 100%;
-                  flex: 1 100%;
+      -webkit-box-flex: 1 1 auto;
+              -ms-flex: 1 1 auto;
+                  flex: 1 1 auto;
       -o-text-overflow: ellipsis;
          text-overflow: ellipsis;
       white-space: nowrap;