*Bug*

When a `textarea` has the `required` attribute it renders in the invalid state using FireFox. 

This behavior is visible here: https://codesandbox.io/s/rough-frog-f00ow. Remember to view it in FireFox.  

I expect the required field to validate on form submit and not before. 

I have tested this with FireFox 68 and 69 and React 16.8.6

This appears appears to be a re-occurrence of: https://github.com/facebook/react/issues/8395


<span>{this.state.count}</span>
            <textarea
              ref={n => (node = n)}
              value="foo"
              onChange={emptyFunction}
            />
          </div>
        );
      }
    }
    ReactDOM.render(<App />, container);
    defaultValue = node.defaultValue;
    Object.defineProperty(node, 'defaultValue', {get, set});
    instance.setState({count: 1});
    expect(set.mock.calls.length).toBe(0);
  });
  describe('When given a Symbol value', () => {
    it('treats initial Symbol value as an empty string', () => {
      const container = document.createElement('div');
      expect(() =>
        ReactDOM.render(
          <textarea value={Symbol('foobar')} onChange={() => {}} />,
          container,
        ),
      ).toWarnDev('Invalid value for prop `value`');
      const node = container.firstChild;
      expect(node.value).toBe('');
    });
    it('treats initial Symbol children as an empty string', () => {
      const container = document.createElement('div');