<h3 dir="auto">Problem description</h3>
<p dir="auto">The <code class="notranslate">text-overflow: ellipsis</code> condition is no longer applying the correct overflow style to text int he <code class="notranslate">TableRowColumn</code> component</p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Create a <code class="notranslate">Table</code> with a <code class="notranslate">TableRowColumn</code> that has a small width and fill it with a very long string and you'll see that it doesn't overflow correctly</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI:  0.16.0-rc1</li>
<li>React: 15.2.1</li>
<li>Browser: Chrome</li>
</ul>
<h3 dir="auto">Workaround + Fix</h3>
<p dir="auto">We will need to add <code class="notranslate">overflow: hidden</code> to the <code class="notranslate">TableRowColumn</code> style in <a href="https://github.com/callemall/material-ui/blob/master/src/Table/TableRowColumn.js">https://github.com/callemall/material-ui/blob/master/src/Table/TableRowColumn.js</a></p>
<p dir="auto">i.e.</p>
<h4 dir="auto">Previous</h4>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="root: {
      ...
      textOverflow: 'ellipsis',
    },"><pre class="notranslate"><span class="pl-s1">root</span>: <span class="pl-kos">{</span>
      ...
      <span class="pl-s1">textOverflow</span>: <span class="pl-s">'ellipsis'</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span></pre></div>
<h4 dir="auto">Proposed</h4>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="root: {
      ...
      textOverflow: 'ellipsis',
      overflow: 'hidden',
    },"><pre class="notranslate"><span class="pl-s1">root</span>: <span class="pl-kos">{</span>
      ...
      <span class="pl-s1">textOverflow</span>: <span class="pl-s">'ellipsis'</span><span class="pl-kos">,</span>
      <span class="pl-c1">overflow</span>: <span class="pl-s">'hidden'</span><span class="pl-kos">,</span>
    <span class="pl-kos">}</span><span class="pl-kos">,</span></pre></div>
<p dir="auto">Happy to submit a PR for this minor fix.</p>
<h3 dir="auto">Problem description</h3>
<h3 dir="auto">0.15.4</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6207220/19309972/4526c76e-905e-11e6-8bc5-4cdb4cbc873e.png"><img src="https://cloud.githubusercontent.com/assets/6207220/19309972/4526c76e-905e-11e6-8bc5-4cdb4cbc873e.png" alt="image" style="max-width: 100%;"></a></p>
<h3 dir="auto">0.16</h3>
<p dir="auto"><a target="_blank" rel="noopener noreferrer nofollow" href="https://cloud.githubusercontent.com/assets/6207220/19309948/2a803f8a-905e-11e6-8e39-d902e8bd43dc.png"><img src="https://cloud.githubusercontent.com/assets/6207220/19309948/2a803f8a-905e-11e6-8e39-d902e8bd43dc.png" alt="image" style="max-width: 100%;"></a></p>
<h3 dir="auto">Steps to reproduce</h3>
<p dir="auto">Provide a very long text to <code class="notranslate">&lt;TableRowColumn /&gt;</code>: <a href="http://www.webpackbin.com/VkzfhMPRW" rel="nofollow">http://www.webpackbin.com/VkzfhMPRW</a></p>
<p dir="auto">Seems to have been introduced by <a class="commit-link" data-hovercard-type="commit" data-hovercard-url="https://github.com/mui/material-ui/commit/252449d48007e1abe9f043166b0c9121fe25065c/hovercard" href="https://github.com/mui/material-ui/commit/252449d48007e1abe9f043166b0c9121fe25065c"><tt>252449d</tt></a>.</p>
<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: 0.16.0</li>
<li>React: 15.3.2</li>
<li>Browser: Chrome 53.0.2785.143 (64-bit)</li>
</ul>
<hr>
<p dir="auto">If we remove the <code class="notranslate">whiteSpace: nowrap</code>, it will allow multiple lines, any idea on how we can fix this, <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/users/oliviertassinari/hovercard" data-octo-click="hovercard-link-click" data-octo-dimensions="link_type:self" href="https://github.com/oliviertassinari">@oliviertassinari</a> ?</p>