<p dir="auto">Exception when using some colors in custom pallete</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/mui-org/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">At least: No exception.</p>
<h2 dir="auto">Current Behavior</h2>

<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="TypeError
Cannot read property 'charAt' of undefined
decomposeColor
https://1325w0wqk7.codesandbox.io/node_modules/material-ui/styles/colorManipulator.js:80:13
lighten
https://1325w0wqk7.codesandbox.io/node_modules/material-ui/styles/colorManipulator.js:226:11
createPalette
https://1325w0wqk7.codesandbox.io/node_modules/material-ui/styles/createPalette.js:144:51
createMuiTheme
https://1325w0wqk7.codesandbox.io/node_modules/material-ui/styles/createMuiTheme.js:71:45"><pre class="notranslate"><code class="notranslate">TypeError
Cannot read property 'charAt' of undefined
decomposeColor
https://1325w0wqk7.codesandbox.io/node_modules/material-ui/styles/colorManipulator.js:80:13
lighten
https://1325w0wqk7.codesandbox.io/node_modules/material-ui/styles/colorManipulator.js:226:11
createPalette
https://1325w0wqk7.codesandbox.io/node_modules/material-ui/styles/createPalette.js:144:51
createMuiTheme
https://1325w0wqk7.codesandbox.io/node_modules/material-ui/styles/createMuiTheme.js:71:45
</code></pre></div>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<ol dir="auto">
<li><a href="https://codesandbox.io/s/1325w0wqk7" rel="nofollow">https://codesandbox.io/s/1325w0wqk7</a></li>
<li>See <code class="notranslate">demo.js</code></li>
<li>Try <code class="notranslate">purple</code> - it works</li>
<li>Try <code class="notranslate">orange</code>, <code class="notranslate">deepOrange</code>, <code class="notranslate">lightBlue</code> (and maybe some other) - it throws TypeError</li>
</ol>
<h2 dir="auto">Context</h2>

<h2 dir="auto">Your Environment</h2>

<p dir="auto">See <code class="notranslate">package.json</code></p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>next</td>
</tr>
<tr>
<td>React</td>
<td>latest</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome</td>
</tr>
</tbody>
</table>
<p dir="auto">In certain screen width scroll appears even when it shouldn't, when the number of lines is less then the defined number of maxRows.</p>


<ul class="contains-task-list">
<li class="task-list-item"><input type="checkbox" id="" disabled="" class="task-list-item-checkbox" checked=""> I have searched the <a href="https://github.com/callemall/material-ui/issues">issues</a> of this repository and believe that this is not a duplicate.</li>
</ul>
<h2 dir="auto">Expected Behavior</h2>

<p dir="auto">I expect scroll to appear only when the number of lines in a multiline text field is bigger then the defined maxRows.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">I defined maxRows to be 8. When I make the screen narrow scroll can appear when there are only 7 rows, giving a viewport of only 6 rows.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">1.Define max rows of 8.<br>
2. define width by percentage.<br>
3.add text,<br>
4.and change the width of the window.</p>
<h2 dir="auto">Context</h2>
    
<p dir="auto">I'm trying to make a to do app with some multiline text fields. The app is responsive.</p>
<h2 dir="auto">Your Environment</h2>

<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>next</td>
</tr>
<tr>
<td>React</td>
<td>16</td>
</tr>
<tr>
<td>browser</td>
<td>chrome</td>
</tr>
<tr>
<td>etc</td>
<td>windows 10</td>
</tr>
</tbody>
</table>