[Rendering] Adaptive Card Is Empty On IOS While Web And Desktop Works

Target Platforms

iOS

SDK Version

1.2.3

Application Name

Microsoft Teams

Problem Description

I am using botbuilder:^4.23.1 (it uses adaptivecards:1.2.3) to send an adaptive card by const attachment = CardFactory.adaptiveCard(card);

Please check the card below. I have tried card schema version: "1.2" and "1.6", but none of them works on IOS, all I got is an empty message.

Screenshots

Card JSON

json
{
  "type": "AdaptiveCard",
  "body": [
    {
      "type": "TextBlock",
      "text": "🤖The responses are generated by AI and may contain outdated information. Please verify any important details independently. 🔁For follow-up questions, @mentioning the bot is recommended. 📝Please note that the bot is unable to reply to edited messages.",
      "wrap": true
    }
  ],
  "actions": [
    {
      "type": "Action.ShowCard",
      "title": "👍Feedback👎",
      "card": {
        "type": "AdaptiveCard",
        "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
        "version": "1.2",
        "body": [
          {
            "type": "TextBlock",
            "text": "Was the response helpful?",
            "wrap": true
          }
        ],
        "actions": [
          {
            "type": "Action.ShowCard",
            "title": "👍Yes",
            "card": {
              "type": "AdaptiveCard",
              "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
              "version": "1.2",
              "body": [
                { "type": "TextBlock", "text": "Tell us more.", "wrap": true },
                {
                  "type": "Input.Toggle",
                  "title": "It solved my question",
                  "id": "reason_0",
                  "value": "false"
                },
                {
                  "type": "Input.Toggle",
                  "title": "The response gives clear guidance",
                  "id": "reason_1",
                  "value": "false"
                },
                {
                  "type": "Input.Toggle",
                  "title": "The reference link(s) is helpful",
                  "id": "reason_2",
                  "value": "false"
                },
                {
                  "type": "Input.Toggle",
                  "title": "Other",
                  "id": "reason_3",
                  "value": "false"
                },
                {
                  "type": "Input.Text",
                  "id": "feedbackComment",
                  "placeholder": "Please provide feedback on how we can improve this content. If applicable, provide the first part of the sentence or string at issue.",
                  "isMultiline": true
                }
              ],
              "actions": [
                {
                  "type": "Action.Submit",
                  "title": "Submit👍",
                  "data": {
                    "action": "feedback-like",
                    "reasons": [
                      "It solved my question",
                      "The response gives clear guidance",
                      "The reference link(s) is helpful",
                      "Other"
                    ]
                  }
                }
              ]
            }
          },
          {
            "type": "Action.ShowCard",
            "title": "👎No",
            "card": {
              "type": "AdaptiveCard",
              "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
              "version": "1.2",
              "body": [
                { "type": "TextBlock", "text": "Tell us more.", "wrap": true },
                {
                  "type": "Input.Toggle",
                  "title": "It misunderstood my question",
                  "id": "reason_0",
                  "value": "false"
                },
                {
                  "type": "Input.Toggle",
                  "title": "The response is hard to understand",
                  "id": "reason_1",
                  "value": "false"
                },
                {
                  "type": "Input.Toggle",
                  "title": "Out of date/obsolete",
                  "id": "reason_2",
                  "value": "false"
                },
                {
                  "type": "Input.Toggle",
                  "title": "The solution doesn't work",
                  "id": "reason_3",
                  "value": "false"
                },
                {
                  "type": "Input.Toggle",
                  "title": "The reference link(s) is broken",
                  "id": "reason_4",
                  "value": "false"
                },
                {
                  "type": "Input.Toggle",
                  "title": "Other",
                  "id": "reason_5",
                  "value": "false"
                },
                {
                  "type": "Input.Text",
                  "id": "feedbackComment",
                  "placeholder": "Please provide feedback on how we can improve this content. If applicable, provide the first part of the sentence or string at issue.",
                  "isMultiline": true
                }
              ],
              "actions": [
                {
                  "type": "Action.Submit",
                  "title": "Submit👎",
                  "data": {
                    "action": "feedback-dislike",
                    "reasons": [
                      "It misunderstood my question",
                      "The response is hard to understand",
                      "Out of date/obsolete",
                      "The solution doesn't work",
                      "The reference link(s) is broken",
                      "Other"
                    ]
                  }
                }
              ]
            }
          }
        ]
      }
    },
    {
      "type": "Action.ShowCard",
      "title": "🕵️‍♂️Support Channels🕵️‍♀️",
      "card": {
        "type": "AdaptiveCard",
        "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
        "version": "1.2",
        "body": [],
        "actions": [
          {
            "type": "Action.OpenUrl",
            "title": "TypeSpec Discussion",
            "url": "https://teams.microsoft.com/l/channel/19%3A906c1efbbec54dc8949ac736633e6bdf%40thread.skype/TypeSpec%20Discussion?groupId=3e17dcb0-4257-4a30-b843-77f47f1d4121&tenantId=72f988bf-86f1-41af-91ab-2d7cd011db47"
          },
          {
            "type": "Action.OpenUrl",
            "title": "Javascript",
            "url": "https://teams.microsoft.com/l/channel/19%3A344f6b5b36ba414daa15473942c7477b%40thread.skype/Language%20%E2%80%93%20JS%E2%80%89%EF%BC%86%E2%80%89TS%20%F0%9F%A5%B7?groupId=3e17dcb0-4257-4a30-b843-77f47f1d4121&tenantId=72f988bf-86f1-41af-91ab-2d7cd011db47"
          },
          {
            "type": "Action.OpenUrl",
            "title": ".Net",
            "url": "https://teams.microsoft.com/l/channel/19%3A7b87fb348f224b37b6206fa9d89a105b%40thread.skype/Language%20-%20DotNet?groupId=3e17dcb0-4257-4a30-b843-77f47f1d4121&tenantId=72f988bf-86f1-41af-91ab-2d7cd011db47"
          },
          {
            "type": "Action.OpenUrl",
            "title": "Java",
            "url": "https://teams.microsoft.com/l/channel/19%3A5e673e41085f4a7eaaf20823b85b2b53%40thread.skype/Language%20-%20Java?groupId=3e17dcb0-4257-4a30-b843-77f47f1d4121&tenantId=72f988bf-86f1-41af-91ab-2d7cd011db47"
          },
          {
            "type": "Action.OpenUrl",
            "title": "Python",
            "url": "https://teams.microsoft.com/l/channel/19%3Ab97d98e6d22c41e0970a1150b484d935%40thread.skype/Language%20-%20Python?groupId=3e17dcb0-4257-4a30-b843-77f47f1d4121&tenantId=72f988bf-86f1-41af-91ab-2d7cd011db47"
          },
          {
            "type": "Action.OpenUrl",
            "title": "Go",
            "url": "https://teams.microsoft.com/l/channel/19%3A104f00188bb64ef48d1b4d94ccb7a361%40thread.skype/Language%20-%20Go?groupId=3e17dcb0-4257-4a30-b843-77f47f1d4121&tenantId=72f988bf-86f1-41af-91ab-2d7cd011db47"
          },
          {
            "type": "Action.OpenUrl",
            "title": "Engineering System",
            "url": "https://teams.microsoft.com/l/channel/19%3A59dbfadafb5e41c4890e2cd3d74cc7ba%40thread.skype/Engineering%20System%20%F0%9F%9B%A0%EF%B8%8F?groupId=3e17dcb0-4257-4a30-b843-77f47f1d4121&tenantId=72f988bf-86f1-41af-91ab-2d7cd011db47"
          }
        ]
      }
    }
  ],
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "version": "1.2"
}

Sample Code Language

TS

Sample Code

const attachment = CardFactory.adaptiveCard(card);
The card is the json object above.

Start by reproducing the provided card through CardFactory.adaptiveCard(card) with botbuilder 4.23.1 and adaptivecards 1.2.3 on iOS, then compare its rendering with web and desktop. The work is done when the supplied Adaptive Card renders on iOS instead of appearing empty, with the relevant nested ShowCard and input content preserved.