<p dir="auto">The typescript typings support a property "openImmediately" in SelectField which is supposed to be passed to the DropDownMenu child. But the actual SelectField implementation doesn't support it, it's not passed down to DropDownMenu, there's a console error instead:</p>
<p dir="auto">warning.js:33 Warning: React does not recognize the <code class="notranslate">openImmediately</code> prop on a DOM element. If you intentionally want it to appear in the DOM as a custom attribute, spell it as lowercase <code class="notranslate">openimmediately</code> instead. If you accidentally passed it from a parent component, remove it from the DOM element.<br>
in div (created by TextField)<br>
in TextField (created by SelectField)<br>
in SelectField (created by LoginScreen)<br>
in div (created by LoginScreen)<br>
in LoginScreen (created by Connect(LoginScreen))<br>
in Connect(LoginScreen) (created by Main)<br>
in div (created by Main)<br>
in Main (created by Connect(Main))<br>
in Connect(Main) (created by MainSelector)<br>
in div (created by MainSelector)<br>
in MainSelector (created by Connect(MainSelector))<br>
in Connect(MainSelector)<br>
in Router (created by ConnectedRouter)<br>
in ConnectedRouter<br>
in div (created by StyleRoot)<br>
in StyleRoot<br>
in Provider<br>
in AppContainer</p>


<ul dir="auto">
<li>[X ] 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">A SelectField with openImmediately=true should be displayed open without click. There should be no error on the console if the property openImmediately is used on a SelectField.</p>
<h2 dir="auto">Current Behavior</h2>

<p dir="auto">A SelectField with openImmediately=true is not opened automatically. There is and error on the console if this prop is set.</p>
<h2 dir="auto">Steps to Reproduce (for bugs)</h2>

<p dir="auto">Use this in your react app to reproduce:<br>
<code class="notranslate">&lt;SelectField openImmediately={true}/&gt;</code></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>0.20.0</td>
</tr>
<tr>
<td>React</td>
<td>16.2.0</td>
</tr>
<tr>
<td>browser</td>
<td>Chrome 63</td>
</tr>
</tbody>
</table>
<h3 dir="auto">Problem description</h3>
<p dir="auto">Safari has issues with rendering the CircularProgress component. The CPU load rises rapidly and the page freezes. Moreover, the circle looks odd since it is shown in a fully closed fashion.</p>
<h3 dir="auto">Link to minimal working code that reproduces the issue</h3>
<p dir="auto"><code class="notranslate">&lt;CircularProgress size={80}/&gt;</code></p>

<h3 dir="auto">Versions</h3>
<ul dir="auto">
<li>Material-UI: v1.0.0-alpha.21</li>
<li>React: 15.6.1</li>
<li>Browser: Safari (tested on macOS 10.12.6 and iOS 10.3.3)</li>
</ul>