From 8f744c4ccc45a2c8ec08518a4736b0d078646d3b Mon Sep 17 00:00:00 2001
From: Geido <60598000+geido@users.noreply.github.com>
Date: Thu, 27 May 2021 13:05:58 +0300
Subject: [PATCH] fix(native-filter): Default value multi-select height in
 native filters (#14816)

* Fix height

* Fix height sidebar

* Move style
---
 .../nativeFilters/FilterBar/FilterControls/FilterValue.tsx     | 3 +++
 .../FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx
index 200edfa35c66d..d6e146b8bb362 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FilterBar/FilterControls/FilterValue.tsx
@@ -47,6 +47,9 @@ import { useCascadingFilters } from './state';
 const FilterItem = styled.div`
   min-height: ${({ theme }) => theme.gridUnit * 11}px;
   padding-bottom: ${({ theme }) => theme.gridUnit * 3}px;
+  & > div > div {
+    height: auto;
+  }
 `;
 
 const FilterValue: React.FC<FilterProps> = ({
diff --git a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx
index 0966afb10c812..f200ee1860b26 100644
--- a/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx
+++ b/superset-frontend/src/dashboard/components/nativeFilters/FiltersConfigModal/FiltersConfigForm/FiltersConfigForm.tsx
@@ -97,6 +97,9 @@ export const StyledRowFormItem = styled(Form.Item)`
   margin-bottom: 0px;
   min-width: 50%;
 
+  .ant-form-item-control-input-content > div > div {
+    height: auto;
+  }
   & .ant-form-item-control-input {
     min-height: ${({ theme }) => theme.gridUnit * 10}px;
   }