<p dir="auto">When using the Transition slide in I.E. the child component is not moved off of the screen. It seems like the css styles are not added at all for the default state.</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>
<table role="table">
<thead>
<tr>
<th>Tech</th>
<th>Version</th>
</tr>
</thead>
<tbody>
<tr>
<td>Material-UI</td>
<td>v1.0.0-beta.11</td>
</tr>
<tr>
<td>browser</td>
<td>IE 11</td>
</tr>
</tbody>
</table>
<h2 dir="auto">Chrome Element</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;c238&quot; direction=&quot;left&quot; style=&quot;transform: translate3d(calc(100vw - 307.2px), 0px, 0px); transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;&quot;&gt;&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="c238" direction="left" style="transform: translate3d(calc(100vw - 307.2px), 0px, 0px); transition: -webkit-transform 500ms cubic-bezier(0.4, 0, 0.6, 1) 0ms;"&gt;&lt;/div&gt;
</code></pre></div>
<h2 dir="auto">IE 11 Element</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="&lt;div class=&quot;c179&quot; direction=&quot;left&quot;&gt;&lt;/div&gt;"><pre class="notranslate"><code class="notranslate">&lt;div class="c179" direction="left"&gt;&lt;/div&gt;
</code></pre></div>
<p dir="auto">Here is the take. Our class names aren't predictable. This is allowing us to shrink the class names in production, hence, improving the performance. But it comes with a drawback. It's making overriding, snapshot testing, writing a theme harder.</p>
<p dir="auto">Hopefully, we can technically make the class names deterministic. So, I think that documenting how to do so will make prototyping and writing reusable theme easier. For instance, It's something you can do with Bootstrap. It's structurally very important. At the same time. It can be used as a quick escape hatch to the duplicated class names issue—I have seen the issue too many times to ignore it.</p>