From c13c5b6c13a56d6a084c9bbf105111ec7015a688 Mon Sep 17 00:00:00 2001
From: Marliana Lara <mlara@redhat.com>
Date: Wed, 13 Nov 2019 13:45:50 -0500
Subject: [PATCH] Hide overflow chip in filter tags component

---
 awx/ui_next/src/components/FilterTags/FilterTags.jsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/awx/ui_next/src/components/FilterTags/FilterTags.jsx b/awx/ui_next/src/components/FilterTags/FilterTags.jsx
index 97773ba65a..749c326256 100644
--- a/awx/ui_next/src/components/FilterTags/FilterTags.jsx
+++ b/awx/ui_next/src/components/FilterTags/FilterTags.jsx
@@ -5,7 +5,7 @@ import { t } from '@lingui/macro';
 import styled from 'styled-components';
 import { Button } from '@patternfly/react-core';
 import { parseQueryString } from '@util/qs';
-import { ChipGroup, Chip } from '@components/Chip';
+import { ChipGroup as _ChipGroup, Chip } from '@components/Chip';
 import VerticalSeparator from '@components/VerticalSeparator';
 
 const FilterTagsRow = styled.div`
@@ -24,6 +24,12 @@ const FilterLabel = styled.span`
   padding-right: 20px;
 `;
 
+const ChipGroup = styled(_ChipGroup)`
+  li.pf-m-overflow {
+    display: none;
+  }
+`;
+
 // remove non-default query params so they don't show up as filter tags
 const filterDefaultParams = (paramsArr, config) => {
   const defaultParamsKeys = Object.keys(config.defaultParams);
@@ -66,7 +72,7 @@ const FilterTags = ({
         <ResultCount>{i18n._(t`${itemCount} results`)}</ResultCount>
         <VerticalSeparator />
         <FilterLabel>{i18n._(t`Active Filters:`)}</FilterLabel>
-        <ChipGroup>
+        <ChipGroup defaultIsOpen>
           {queryParamsArr.map(({ key, label, value }) => (
             <Chip
               className="searchTagChip"