Fixed data grid sort popover in mobile (#2979)

elastic · Mar 4, 2020 · 9f823ac · 9f823ac
1 parent ae7aeab
commit 9f823ac
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 5 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,8 @@
 ## [`master`](https://github.com/elastic/eui/tree/master)
 
-No public interface changes since `20.1.0`.
+**Bug Fixes**
+
+- Fixed `EuiDataGrid`'s sort popover to behave properly on mobile screens ([#2979](https://github.com/elastic/eui/pull/2979))
 
 ## [`20.1.0`](https://github.com/elastic/eui/tree/v20.1.0)
 

diff --git a/src/components/datagrid/column_sorting.tsx b/src/components/datagrid/column_sorting.tsx
@@ -229,7 +229,8 @@ export const useColumnSorting = (
                             <EuiFlexGroup
                               alignItems="center"
                               gutterSize="s"
-                              component="span">
+                              component="span"
+                              responsive={false}>
                               <EuiFlexItem grow={false}>
                                 <EuiToken
                                   iconType={
@@ -251,9 +252,7 @@ export const useColumnSorting = (
                                 />
                               </EuiFlexItem>
                               <EuiFlexItem grow={false}>
-                                <EuiText size="xs">
-                                  <span>{id}</span>
-                                </EuiText>
+                                <EuiText size="xs">{id}</EuiText>
                               </EuiFlexItem>
                             </EuiFlexGroup>
                           </button>