A label in a field of a Modal Form AppComponent can't exceed 80 characters without breaking the whole form

Briefly describe (1-2 sentences) the Bug you’re experiencing:
If the form settings of a Modal Form AppComponent contains a dropdown label which size exceeds 80 characters, the entire form breaks.

Steps to reproduce:
Use this configuration.

{
  "template": "form_metadata_v0",
  "metadata": {
    "title": "Send an email with Nestor",
    "submit_button_text": "Envoyer",
    "on_submit_callback": "http://localhost:5001/minimalist-work-local/us-central1/iDONestorFormSubmit",
    "on_change_callback": "http://localhost:5001/minimalist-work-local/us-central1/iDONestorFormGenerator",
    "fields": [
      {
        "name": "A field",
        "type": "dropdown",
        "id": "an-id",
        "width": "half",
        "options": [
          {
            "id": "0",
            "label": "123456789012345678901234567890123456789012345678901234567890123456789012345678901"
          }
        ]
      }
    ]
  }
}

Browser version:
irrelevant

Upload screenshots below:

ping @sasha_f

@Bastien_Siebman I know this may be a bug but I think Asana prefers for API issues to be in the API forum section.

@Marie is that correct, or should developer/API issues go here?

1 Like

I wasn’t sure, waiting for confirmation.

Yes, @Phil_Seeman is right, let’s keep all API related topics in the the #forum-en:api category!

@Kem_Ozbek is this something you can help with?

Hi @Bastien_Siebman , thanks for checking in on this one. I was able to reproduce this one my end as well (using your form response). Note that a label does have a limit of 80 characters as described in the schemas: Modal forms

Regardless, I’m checking in with our team directly to confirm this behavior. Will report back here!

2 Likes

I definitely understand the limitation but as you might imagine I had to scratch my head for a while to understand what was happening. Even your UI Builder does not give a clear error in this case, it errors on the wrong line.