<h2 dir="auto">Summary</h2>
<p dir="auto">Snackbar inside a popover renders inside the popover</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">Snackbar appears in the right position, positioned fixed to the viewport.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>
<p dir="auto"><a href="https://codesandbox.io/s/74v45jxyo0" rel="nofollow">https://codesandbox.io/s/74v45jxyo0</a></p>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v1.0.0-beta.18</td>
</tr>
<tr>
<td>React</td>
<td>v16</td>
</tr>
<tr>
<td>browser</td>
<td>Latest Chrome</td>
</tr>
<tr>
<td>etc</td>
<td></td>
</tr>
</tbody>
</table>
<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">The tooltip with a title of "Test Title" to be shown without line breaks:</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">The tooltip adds a line break for every space in the title:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/7454286/34268076-24557aa6-e65e-11e7-9274-b8f66d3db902.png"><img src="https://user-images.githubusercontent.com/7454286/34268076-24557aa6-e65e-11e7-9274-b8f66d3db902.png" alt="image" style="max-width: 100%;"></a><br>
At first I thought it was a length issue, but it doesn't break when there's no spaces:<br>
<a target="_blank" rel="noopener noreferrer nofollow" href="https://user-images.githubusercontent.com/7454286/34268109-3d16149c-e65e-11e7-8ae7-5a01e6ab4c77.png"><img src="https://user-images.githubusercontent.com/7454286/34268109-3d16149c-e65e-11e7-8ae7-5a01e6ab4c77.png" alt="image" style="max-width: 100%;"></a></p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto"><a href="https://codesandbox.io/s/2wnv5jw2xj" rel="nofollow">https://codesandbox.io/s/2wnv5jw2xj</a></p>
<ol dir="auto">
<li>Container should have position: 'absolute'</li>
<li>Add an <code class="notranslate">IconButton</code> surrounded by a <code class="notranslate">Tooltip</code></li>
<li>Set <code class="notranslate">Tooltip</code>'s title to <code class="notranslate">Test Title</code></li>
</ol>
<h2 dir="auto">Context</h2>

<p dir="auto">I'm making a floating menu with absolute positioning, that moves around the screen to line up with an active component.</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>^1.0.0-beta.22</td>
</tr>
<tr>
<td>React</td>
<td>^15.5.4</td>
</tr>
<tr>
<td>browser</td>
<td>Chromium Version 63.0.3239.84 (Official Build) Built on Ubuntu , running on Ubuntu 16.04 (64-bit)</td>
</tr>
</tbody>
</table>