From a87f486afdb84619e1d5d56d42961ed2e8359c66 Mon Sep 17 00:00:00 2001
From: Pete Harverson <peteharverson@users.noreply.github.com>
Date: Wed, 12 Dec 2018 11:53:31 +0000
Subject: [PATCH] [ML] Fix word break in anomalies and jobs tables (#26978)
 (#27019)

---
 .../components/anomalies_table/anomalies_table.js      | 10 ++++++++--
 .../job_details/forecasts_table/forecasts_table.js     |  7 ++++++-
 .../jobs/jobs_list/components/jobs_list/jobs_list.js   |  3 ++-
 3 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/x-pack/plugins/ml/public/components/anomalies_table/anomalies_table.js b/x-pack/plugins/ml/public/components/anomalies_table/anomalies_table.js
index 97a89244e325..f88178351e17 100644
--- a/x-pack/plugins/ml/public/components/anomalies_table/anomalies_table.js
+++ b/x-pack/plugins/ml/public/components/anomalies_table/anomalies_table.js
@@ -92,6 +92,7 @@ function getColumns(
       name: 'time',
       dataType: 'date',
       render: (date) => renderTime(date, interval),
+      textOnly: true,
       sortable: true
     },
     {
@@ -113,6 +114,7 @@ function getColumns(
           numberOfRules={item.rulesLength}
         />
       ),
+      textOnly: true,
       sortable: true
     }
   ];
@@ -128,6 +130,7 @@ function getColumns(
           filter={filter}
         />
       ),
+      textOnly: true,
       sortable: true
     });
   }
@@ -142,6 +145,7 @@ function getColumns(
           influencers={influencers}
         />
       ),
+      textOnly: true,
       sortable: true
     });
   }
@@ -188,6 +192,7 @@ function getColumns(
             typical={item.typical}
           />
         ),
+        textOnly: true,
         sortable: true
       });
     }
@@ -240,7 +245,8 @@ function getColumns(
             )}
           </EuiText>
         );
-      }
+      },
+      textOnly: true,
     });
   }
 
@@ -390,7 +396,7 @@ class AnomaliesTable extends Component {
           unsetShowFunction={this.unsetShowRuleEditorFlyoutFunction}
         />
         <EuiInMemoryTable
-          className="ml-anomalies-table eui-textBreakWord"
+          className="ml-anomalies-table eui-textOverflowWrap"
           items={tableData.anomalies}
           columns={columns}
           pagination={{
diff --git a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
index 7d286612e6a3..81a643295f16 100644
--- a/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
+++ b/x-pack/plugins/ml/public/jobs/jobs_list/components/job_details/forecasts_table/forecasts_table.js
@@ -191,6 +191,7 @@ class ForecastsTableUI extends Component {
         }),
         dataType: 'date',
         render: (date) => formatDate(date, TIME_FORMAT),
+        textOnly: true,
         sortable: true
       },
       {
@@ -201,6 +202,7 @@ class ForecastsTableUI extends Component {
         }),
         dataType: 'date',
         render: (date) => formatDate(date, TIME_FORMAT),
+        textOnly: true,
         sortable: true
       },
       {
@@ -211,6 +213,7 @@ class ForecastsTableUI extends Component {
         }),
         dataType: 'date',
         render: (date) => formatDate(date, TIME_FORMAT),
+        textOnly: true,
         sortable: true
       },
       {
@@ -250,6 +253,7 @@ class ForecastsTableUI extends Component {
           defaultMessage: 'Expires'
         }),
         render: (date) => formatDate(date, TIME_FORMAT),
+        textOnly: true,
         sortable: true
       },
       {
@@ -267,7 +271,8 @@ class ForecastsTableUI extends Component {
               })}
             </div>
           );
-        }
+        },
+        textOnly: true,
       },
       {
         name: intl.formatMessage({
diff --git a/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_list/jobs_list.js b/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_list/jobs_list.js
index 5a495352bdb6..01e08c3f5659 100644
--- a/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_list/jobs_list.js
+++ b/x-pack/plugins/ml/public/jobs/jobs_list/components/jobs_list/jobs_list.js
@@ -153,7 +153,8 @@ class JobsListUI extends Component {
         field: 'description',
         render: (description, item) => (
           <JobDescription job={item} />
-        )
+        ),
+        textOnly: true,
       }, {
         field: 'processed_record_count',
         name: intl.formatMessage({