Street address state field does not work properly if there is a place holder

Created on 10 April 2023, over 1 year ago
Updated 12 April 2023, over 1 year ago

Problem/Motivation

I have a Street address field. All my members like in Tennessee, so I selected that as the place holder. But if they fill out the form, they get an error message unless they select another state from the list, and then reselect Tennessee. Furthermore, if the select the state dropdown, there is a check mark next to Tennessee, so one would assume this is selected!

Steps to reproduce

See above

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

πŸ› Bug report
Status

Closed: works as designed

Version

6.2

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States tjtj

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

  • Issue created by @tjtj
  • Please provide the YAML of a minimal form that exhibits the bug.

  • πŸ‡ΊπŸ‡ΈUnited States tjtj

    uuid: a9a8a8d6-da67-43fd-8c3b-0956128c185e
    langcode: en
    status: open
    dependencies: { }
    weight: 0
    open: null
    close: null
    uid: 1
    template: false
    archive: false
    id: fornl_membership_form_buggy
    title: 'FORNL Membership form buggy'
    description: ''
    category: ''
    elements: |-
    streetaddress:
    '#type': webform_address
    '#title': 'Street address'
    '#required': true
    '#multiple__no_items_message': '

    No items entered. Please add items below.

    '
    '#address__title_display': before
    '#address__required': true
    '#address_2__title_display': before
    '#city__title_display': before
    '#city__required': true
    '#state_province__placeholder': Tennessee
    '#state_province__title_display': before
    '#state_province__required': true
    '#postal_code__title_display': before
    '#postal_code__required': true
    '#country__access': false
    actions:
    '#type': webform_actions
    '#title': 'Submit button(s)'
    '#submit__label': 'Submit and pay dues'
    css: ''
    javascript: ''
    settings:
    ajax: false
    ajax_scroll_top: form
    ajax_progress_type: ''
    ajax_effect: ''
    ajax_speed: null
    page: true
    page_submit_path: ''
    page_confirm_path: ''
    page_theme_name: ''
    form_title: both
    form_submit_once: false
    form_open_message: ''
    form_close_message: ''
    form_exception_message: ''
    form_previous_submissions: true
    form_confidential: false
    form_confidential_message: ''
    form_disable_remote_addr: false
    form_convert_anonymous: false
    form_prepopulate: false
    form_prepopulate_source_entity: false
    form_prepopulate_source_entity_required: false
    form_prepopulate_source_entity_type: ''
    form_unsaved: false
    form_disable_back: false
    form_submit_back: false
    form_disable_autocomplete: false
    form_novalidate: false
    form_disable_inline_errors: false
    form_required: false
    form_autofocus: false
    form_details_toggle: false
    form_reset: false
    form_access_denied: default
    form_access_denied_title: ''
    form_access_denied_message: ''
    form_access_denied_attributes: { }
    form_file_limit: ''
    form_attributes: { }
    form_method: ''
    form_action: ''
    share: false
    share_node: false
    share_theme_name: ''
    share_title: true
    share_page_body_attributes: { }
    submission_label: ''
    submission_exception_message: ''
    submission_locked_message: ''
    submission_log: false
    submission_excluded_elements: { }
    submission_exclude_empty: false
    submission_exclude_empty_checkbox: false
    submission_views: { }
    submission_views_replace: { }
    submission_user_columns: { }
    submission_user_duplicate: false
    submission_access_denied: default
    submission_access_denied_title: ''
    submission_access_denied_message: ''
    submission_access_denied_attributes: { }
    previous_submission_message: ''
    previous_submissions_message: ''
    autofill: false
    autofill_message: ''
    autofill_excluded_elements: { }
    wizard_progress_bar: true
    wizard_progress_pages: false
    wizard_progress_percentage: false
    wizard_progress_link: false
    wizard_progress_states: false
    wizard_start_label: ''
    wizard_preview_link: false
    wizard_confirmation: true
    wizard_confirmation_label: ''
    wizard_auto_forward: true
    wizard_auto_forward_hide_next_button: false
    wizard_keyboard: true
    wizard_track: ''
    wizard_prev_button_label: ''
    wizard_next_button_label: ''
    wizard_toggle: false
    wizard_toggle_show_label: ''
    wizard_toggle_hide_label: ''
    wizard_page_type: container
    wizard_page_title_tag: h2
    preview: 0
    preview_label: ''
    preview_title: ''
    preview_message: ''
    preview_attributes: { }
    preview_excluded_elements: { }
    preview_exclude_empty: true
    preview_exclude_empty_checkbox: false
    draft: none
    draft_multiple: false
    draft_auto_save: false
    draft_saved_message: ''
    draft_loaded_message: ''
    draft_pending_single_message: ''
    draft_pending_multiple_message: ''
    confirmation_type: url
    confirmation_url: /paypal-dues
    confirmation_title: 'Please go to PayPal to pay your dues'
    confirmation_message: ''
    confirmation_attributes: { }
    confirmation_back: true
    confirmation_back_label: ''
    confirmation_back_attributes: { }
    confirmation_exclude_query: false
    confirmation_exclude_token: false
    confirmation_update: false
    limit_total: null
    limit_total_interval: null
    limit_total_message: ''
    limit_total_unique: false
    limit_user: null
    limit_user_interval: null
    limit_user_message: ''
    limit_user_unique: false
    entity_limit_total: null
    entity_limit_total_interval: null
    entity_limit_user: null
    entity_limit_user_interval: null
    purge: none
    purge_days: null
    results_disabled: false
    results_disabled_ignore: false
    results_customize: false
    token_view: false
    token_update: false
    token_delete: false
    serial_disabled: false
    access:
    create:
    roles:
    - anonymous
    - authenticated
    users: { }
    permissions: { }
    view_any:
    roles: { }
    users: { }
    permissions: { }
    update_any:
    roles: { }
    users: { }
    permissions: { }
    delete_any:
    roles: { }
    users: { }
    permissions: { }
    purge_any:
    roles: { }
    users: { }
    permissions: { }
    view_own:
    roles: { }
    users: { }
    permissions: { }
    update_own:
    roles: { }
    users: { }
    permissions: { }
    delete_own:
    roles: { }
    users: { }
    permissions: { }
    administer:
    roles: { }
    users: { }
    permissions: { }
    test:
    roles: { }
    users: { }
    permissions: { }
    configuration:
    roles: { }
    users: { }
    permissions: { }
    handlers: { }
    variants: { }

  • Status changed to Closed: works as designed over 1 year ago
  • πŸ‡ΊπŸ‡ΈUnited States jrockowitz Brooklyn, NY

    P)laceholder are not the same as the default_value.

    The below example set the state to Tennessee.

    webform_address:
      '#type': webform_address
      '#title': webform_address
      '#default_value':
        address: ''
        address_2: ''
        city: ''
        state_province: Tennessee
        postal_code: ''
        country: ''
    
Production build 0.71.5 2024