From c5bb2fc27b74a39becb808a26e61fea361308c5f Mon Sep 17 00:00:00 2001
From: patrykkopycinski <patryk.kopycinski@elastic.co>
Date: Fri, 15 Nov 2019 10:52:41 +0100
Subject: [PATCH] [SIEM] Fix IE11 timeline drag and drop issue (#50528)
 (#50750)

---
 .../page/add_filter_to_global_search_bar/index.tsx       | 6 +++---
 .../components/timeline/data_providers/providers.tsx     | 9 +++++++++
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/x-pack/legacy/plugins/siem/public/components/page/add_filter_to_global_search_bar/index.tsx b/x-pack/legacy/plugins/siem/public/components/page/add_filter_to_global_search_bar/index.tsx
index 6f3b56417173c7..09d11a0bb66bee 100644
--- a/x-pack/legacy/plugins/siem/public/components/page/add_filter_to_global_search_bar/index.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/page/add_filter_to_global_search_bar/index.tsx
@@ -33,7 +33,7 @@ export const AddFilterToGlobalSearchBar = React.memo<OwnProps>(
     return (
       <WithHoverActions
         hoverContent={
-          <HoverActionsContainer data-test-subj="hover-actions-container">
+          <HoverActionsContainer data-test-subj="hover-actions-container" paddingSize="none">
             <EuiToolTip content={i18n.FILTER_FOR_VALUE}>
               <EuiIcon data-test-subj="add-to-filter" type="filter" onClick={addToKql} />
             </EuiToolTip>
@@ -51,11 +51,11 @@ export const HoverActionsContainer = styled(EuiPanel)`
   align-items: center;
   display: flex;
   flex-direction: row;
-  height: 25px;
+  height: 34px;
   justify-content: center;
   left: 5px;
   position: absolute;
   top: -10px;
-  width: 30px;
+  width: 34px;
   cursor: pointer;
 `;
diff --git a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx
index ac0f9bbe9c8782..112962367cd362 100644
--- a/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx
+++ b/x-pack/legacy/plugins/siem/public/components/timeline/data_providers/providers.tsx
@@ -61,6 +61,14 @@ PanelProviders.displayName = 'PanelProviders';
 const PanelProvidersGroupContainer = styled(EuiFlexGroup)`
   position: relative;
   flex-grow: unset;
+
+  .euiFlexItem {
+    flex: 1 0 auto;
+  }
+
+  .euiFlexItem--flexGrowZero {
+    flex: 0 0 auto;
+  }
 `;
 
 PanelProvidersGroupContainer.displayName = 'PanelProvidersGroupContainer';
@@ -68,6 +76,7 @@ PanelProvidersGroupContainer.displayName = 'PanelProvidersGroupContainer';
 /** A row of data providers in the timeline drop zone */
 const PanelProviderGroupContainer = styled(EuiFlexGroup)`
   height: ${ROW_OF_DATA_PROVIDERS_HEIGHT}px;
+  min-height: ${ROW_OF_DATA_PROVIDERS_HEIGHT}px;
   margin: 5px 0px;
 `;