Eui: Firefox/IE doesn't support `word-break: break-word;`

[jen-huang]

Relates to https://github.com/elastic/kibana/issues/19215

Firefox and IE (inc. Edge) doesn't support word-break: break-word;:
https://developer.mozilla.org/en-US/docs/Web/CSS/word-break#Browser_compatibility

This property is being used a couple of times for tables to prevent content from overflowing. Works in Chrome:

Doesn't work in Firefox:

Or IE:

Consider using overflow-wrap instead (called word-wrap in IE): https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-wrap

[peteharverson]

Also ran into this issue with the ML anomalies table, where fields like job IDs cannot contain spaces, so long values will overflow the cells in Firefox and Edge.

Screenshot from Edge:

[snide]

@cchaos do you have time for this one?

[cchaos]

Yeah, I can take it.

[jen-huang]

@cchaos Reopening - fallback styles in #864 doesn't seem to have been applied to the word-break property on table cells (screenshot on IE11):