When using native form validation and loading a page with a form containing an input with the `required` prop set, it triggers browser validation immediately. This produces Firefox's native error highlighting. This is because Firefox appears to run validation when the DOM is used to set a value on an existing input component. 

The behavior can be seen here: http://codepen.io/anon/pen/zowOzo

Angular has [run into this already](https://github.com/ggershoni/angular.js/commit/cc311740c6b680c68a88c44fecd97ede1f18f831).

</fieldset>
              <fieldset>
                <legend>Date</legend>
                <input type="date" required={true} />
              </fieldset>
            </form>
          </Fixture>
          <p className="footnote">
            Checking the date type is also important because of a prior fix for
            iOS Safari that involved assigning over value/defaultValue
            properties of the input to prevent a display bug. This also
            triggered input validation.
          </p>
        </TestCase>
        <TestCase title="Cursor when editing email inputs">
          <TestCase.Steps>
            <li>Type "user@example.com"</li>
            <li>Select "@"</li>
            <li>Type ".", to replace "@" with a period</li>
          </TestCase.Steps>
          <TestCase.ExpectedResult>
            The text field's cursor should not jump to the end.
          </TestCase.ExpectedResult>
          <InputTestCase type="email" defaultValue="" />
        </TestCase>
        <TestCase title="Cursor when editing url inputs">
          <TestCase.Steps>
            <li>Type "http://www.example.com"</li>
            <li>Select "www."</li>
            <li>Press backspace/delete</li>