Ensure no initial validation when the field has an initial value and invalid

[vursen]

Motivation

The recently introduced validated event has revealed that there is an initial validation that happens when the field has an initial value and is initially marked as invalid:

const textField = document.createElement('vaadin-text-field');
textField.value = 'Initial Value';
textField.invalid = true;
textField.addEventListener('validated', () => {
  console.warn('The text field was validated!'); // You'll see this warning.
});
document.appendChild(textField);

The initial validation is problematic because it may result in an invalid state reset on the Flow side, see vaadin/flow-components#3429 (comment) for a more detailed case.

A follow-up to #4081.

Part of vaadin/platform#3066

Solution

Ensure no initial validation when the field has an initial value and invalid. The validation should only happen on some interaction with the field.

Components

• text-field (fix: prevent initial validation when the field is initialized as invalid #4138)
• email-field (fix: prevent initial validation when the field is initialized as invalid #4138)
• password-field (fix: prevent initial validation when the field is initialized as invalid #4138)
• text-area (fix: prevent initial validation when the field is initialized as invalid #4138)
• number-field (fix: prevent initial validation when the field is initialized as invalid #4138)
• integer-field (fix: prevent initial validation when the field is initialized as invalid #4138)
• combo-box (test: make sure no initial validation happens for combo-box #4172)
• date-picker (fix: prevent initial validation for date-picker when no constraints #4169)
• time-picker (test: make sure no initial validation happens for time-picker #4160)
• date-time-picker (test: make sure no initial validation happens for date-time-picker #4177)
• checkbox-group (fix: prevent initial validation when checkbox-group is initialized as invalid #4153)
• radio-group (fix!: prevent initial validation when radio-group is initialized as invalid #4156)
• select (fix: prevent initial validation for select #4174)