If I submit the form while address field is hidden, required validation fails and I can't submit the form.
1.Create a form with select field and address field.
2.Address field is visible only if certain option is selected from select field else it is not visible.
3. Submit the form.
My code:
$contact_options = [
AbaretirementContactModule::PLAN_SETUP => $this->t('Setting up a plan with the ABA Retirement Funds Program'),
AbaretirementContactModule::EXISTING_PLAN => $this->t('My existing ABA Retirement Funds Program plan'),
];
$form['question_topic'] = [
'#type' => 'select',
'#title' => $this->t('I need information on'),
'#options' => $contact_options,
'#required' => TRUE,
'#weight' => 30,
];
$form['state'] = [
'#type' => 'address',
'#title' => $this->t('State'),
'#default_value' => ['country_code' => 'US'],
'#field_overrides' => [
AddressField::ADMINISTRATIVE_AREA => FieldOverride::REQUIRED,
AddressField::GIVEN_NAME => FieldOverride::HIDDEN,
AddressField::FAMILY_NAME => FieldOverride::HIDDEN,
AddressField::ORGANIZATION => FieldOverride::HIDDEN,
AddressField::ADDRESS_LINE1 => FieldOverride::HIDDEN,
AddressField::ADDRESS_LINE2 => FieldOverride::HIDDEN,
AddressField::ADDRESS_LINE3 => FieldOverride::HIDDEN,
AddressField::LOCALITY => FieldOverride::HIDDEN,
AddressField::POSTAL_CODE => FieldOverride::HIDDEN,
],
'#available_countries' => ['US'],
'#weight' => 35,
'#states' => [
'visible' => [
':input[name="question_topic"]' => ['value' => AbaretirementContactModule::PLAN_SETUP],
],
'required' => [
':input[name="question_topic"]' => ['value' => AbaretirementContactModule::PLAN_SETUP],
],
],
];
$form['referrer'] = [
'#type' => 'select',
'#title' => $this->t('Where did you hear about us?'),
'#options' => $referrer_options,
'#weight' => 34,
'#states' => [
'visible' => [
':input[name="question_topic"]' => ['value' => AbaretirementContactModule::PLAN_SETUP],
],
'required' => [
':input[name="question_topic"]' => ['value' => AbaretirementContactModule::PLAN_SETUP],
],
],
];
I could see that if we show and hide any other form field with #states, when field is hidden , field html does not have aria-required=true while when field is visible aria-required is removed from html. But this is not happening with address field. When it is hidden then also aria-required stays true , I think this is a bug which is causing this issue.
Active
2.0
Code
I am open to evaluating possible fixes, but in general I've never seen a complex field work with #states and #required, it was always assumed you had to use #ajax instead.
Why this is not working for address field only for other form field #states work fine.
I think this is the bug in the address