[Table] TableRowColumn behaves buggy with bigger texts

[arjshiv]

Problem description

The text-overflow: ellipsis condition is no longer applying the correct overflow style to text int he TableRowColumn component

Steps to reproduce

Create a Table with a TableRowColumn that has a small width and fill it with a very long string and you'll see that it doesn't overflow correctly

Versions

• Material-UI: 0.16.0-rc1
• React: 15.2.1
• Browser: Chrome

Workaround + Fix

We will need to add overflow: hidden to the TableRowColumn style in https://github.com/callemall/material-ui/blob/master/src/Table/TableRowColumn.js

i.e.

Previous

root: {
      ...
      textOverflow: 'ellipsis',
    },

Proposed

root: {
      ...
      textOverflow: 'ellipsis',
      overflow: 'hidden',
    },

Happy to submit a PR for this minor fix.

[avaragado]

Sadly this bug shipped in 0.16.0. It's not mentioned in the breaking changes for that release, so I guess nobody saw the issue.

[InsidersByte]

+1

[lucasbento]

Duplicated of #5377 and fixed on #5378.