<p dir="auto"><strong>Do you want to request a <em>feature</em> or report a <em>bug</em>?</strong></p>
<p dir="auto"><em>bug</em></p>
<p dir="auto"><strong>What is the current behavior?</strong></p>
<p dir="auto">I get:</p>
<blockquote>
<p dir="auto">Warning: Unknown DOM property autocomplete. Did you mean autoComplete?</p>
</blockquote>
<p dir="auto">When I use <code class="notranslate">autoComplete</code> works fine.</p>
<p dir="auto">This is misleading because the name of the DOM property is <code class="notranslate">autocomplete</code>, not <code class="notranslate">autoComplete</code>. React implies that the DOM property is named differently than it really is.</p>
<p dir="auto"><strong>If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via <a href="https://jsfiddle.net" rel="nofollow">https://jsfiddle.net</a> or similar (template: <a href="https://jsfiddle.net/84v837e9/" rel="nofollow">https://jsfiddle.net/84v837e9/</a>).</strong></p>
<p dir="auto"><a href="https://jsfiddle.net/binki/84v837e9/133/" rel="nofollow">https://jsfiddle.net/binki/84v837e9/133/</a></p>
<p dir="auto"><strong>What is the expected behavior?</strong></p>
<p dir="auto">Accepts <code class="notranslate">autocomplete</code>, rejects <code class="notranslate">autoComplete</code>.</p>
<p dir="auto"><em>OR</em></p>
<p dir="auto">The error message should not claim that <code class="notranslate">autoComplete</code> is the name of a DOM property because it isn’t. I don’t see any mention of a DOM property called <code class="notranslate">autoComplete</code> in the IDL documentation for <a href="https://www.w3.org/TR/html5/forms.html#htmlinputelement" rel="nofollow"><code class="notranslate">HTMLInputElement</code></a>, but I do see mention of <code class="notranslate">autocomplete</code>. It should claim that <code class="notranslate">autoComplete</code> is a “React property name mapped onto a differently-named DOM property” or use some other wording (I’m not good at coming up with wordings).</p>
<div class="highlight highlight-source-js notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="&gt; typeof document.createElement('input').autocomplete
&quot;string&quot;
&gt; typeof document.createElement('input').autoComplete
&quot;undefined&quot;"><pre class="notranslate"><span class="pl-c1">&gt;</span> <span class="pl-k">typeof</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">createElement</span><span class="pl-kos">(</span><span class="pl-s">'input'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-c1">autocomplete</span>
<span class="pl-s">"string"</span>
<span class="pl-c1">&gt;</span> <span class="pl-k">typeof</span> <span class="pl-smi">document</span><span class="pl-kos">.</span><span class="pl-en">createElement</span><span class="pl-kos">(</span><span class="pl-s">'input'</span><span class="pl-kos">)</span><span class="pl-kos">.</span><span class="pl-c1">autoComplete</span>
<span class="pl-s">"undefined"</span></pre></div>
<p dir="auto"><strong>Which versions of React, and which browser / OS are affected by this issue? Did this work in previous versions of React?</strong></p>
<p dir="auto">react-15.6.1</p>
<p dir="auto">Same issue exists for at least <code class="notranslate">HTMLInputElement.autofocus</code>.</p>
<p dir="auto">I'm not sure what counts as a canonical source, but as near as I can tell, the <code class="notranslate">autocomplete</code> input property should be all downcased. I've been having some trouble with form input showing up in Firefox after a refresh and noticed that I had <code class="notranslate">autoComplete='off'</code>. Not sure if that will have an effect on the functionality, though.</p>
<p dir="auto"><a href="https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement</a><br>
<a href="https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion</a></p>