[Rendering] Teams adaptive cards automatically obscured in channels on the New Channels Experience/Teams 2.1 client

Target Platforms

Other

SDK Version

1.4

Application Name

Microsoft Teams 2.0/Microsoft Teams Chat

Problem Description

Teams 2.1 or the Teams 1.0 New Channel Experience requires the user to click on the "see more" button as most of an adaptive card is obscured.

This was not the case in

• The Teams 1.0 client classic channels experience
• Teams chat (1.0 or 2.1)

Screenshots

Teams 2.1 or the Teams 1.0 new channels experience, requiring the user to click on "see more" to view an entire adaptive card:

Teams 1.0 classic channel experience, renders nicely without obscuring any information.

Card JSON

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "type": "AdaptiveCard",
    "version": "1.4",
    "msteams": {
        "width": "full"
    },
    "body": [
        {
            "type": "Container",
            "items": [
                {
                    "type": "ColumnSet",
                    "columns": [
                        {
                            "type": "Column",
                            "width": "auto",
                            "items": [
                                {
                                    "type": "Image",
                                    "altText": "Alert",
                                    "url": "https://normanhurb-h.schools.nsw.gov.au/content/dam/doe/sws/schools/n/normanhurb-h/icons/exam.png",
                                    "width": "75px",
                                    "selectAction": {
                                        "type": "Action.OpenUrl",
                                        "url": "https://teams.microsoft.com/l/stage/2a527703-1f6f-4559-a332-d8a7d288cd88/0?context=%7B%22contentUrl%22%3A%22https%3A%2F%2Fschoolsnsw.sharepoint.com%2F%3Ab%3A%2Fs%2FN1XHSGBP%2Fmathematics%2FEaa5SGAOfe9ImIY94m_NJQ4BYrXhidPy87eYHN7cQl8egQ%22%2C%22websiteUrl%22%3A%22https%3A%2F%2Fschoolsnsw.sharepoint.com%2F%3Ab%3A%2Fs%2FN1XHSGBP%2Fmathematics%2FEaa5SGAOfe9ImIY94m_NJQ4BYrXhidPy87eYHN7cQl8egQ%22%2C%22name%22%3A%22Notification%20for%20Year%2009%202023%20Assessment%20Task%203%22%7D",
                                        "id": "10"
                                    }
                                }
                            ]
                        },
                        {
                            "type": "Column",
                            "width": "stretch",
                            "items": [
                                {
                                    "type": "TextBlock",
                                    "text": "**Assessment Task Notification**",
                                    "weight": "Bolder",
                                    "size": "Large",
                                    "wrap": true,
                                    "color": "Accent"
                                },
                                {
                                    "type": "TextBlock",
                                    "text": "2023 Year 09 Assessment Task 3",
                                    "wrap": true,
                                    "spacing": "None",
                                    "color": "Attention",
                                    "weight": "Bolder",
                                    "size": "Large"
                                }
                            ],
                            "verticalContentAlignment": "Center"
                        }
                    ]
                }
            ],
            "style": "warning",
            "bleed": true
        },
        {
            "type": "TextBlock",
            "text": "Dear <atTag><tagId>MDVhMGU2OWEtNDE4YS00N2MxLTljMjUtOTM4NzI2MWJmOTkxIyM1NzI3MjgxNi0yMjMxLTQ5ZjUtOTFiZS03NGY0NmY2Y2JhYzIjI3RRYWNHUXNwNEQ%3D</tagId><groupId>57272816-2231-49f5-91be-74f46f6cbac2</groupId></atTag>, please note that a new Assessment Task Notification is now available.",
            "wrap": true
        },
        {
            "type": "TextBlock",
            "text": "The following resources for revision will be provided no later than these dates:",
            "weight": "Bolder",
            "color": "Accent",
            "wrap": true,
            "separator": true
        },
        {
            "type": "FactSet",
            "facts": [
                {
                    "title": "Past Paper(s):",
                    "value": "Thursday, August 3, 2023"
                },
                {
                    "title": "Past Paper Solution(s):",
                    "value": "Monday, August 14, 2023"
                }
            ]
        },
        {
            "type": "Container",
            "bleed": true,
            "style": "emphasis",
            "items": [
                {
                    "type": "TextBlock",
                    "text": "Actions",
                    "wrap": true,
                    "weight": "Bolder",
                    "color": "Accent"
                },
                {
                    "type": "ActionSet",
                    "spacing": "None",
                    "actions": [
                        {
                            "type": "Action.OpenUrl",
                            "title": "Preview detailed notification for Year 09 2023 Assessment Task 3 (PDF)",
                            "url": "https://teams.microsoft.com/l/stage/2a527703-1f6f-4559-a332-d8a7d288cd88/0?context=%7B%22contentUrl%22%3A%22https%3A%2F%2Fschoolsnsw.sharepoint.com%2F%3Ab%3A%2Fs%2FN1XHSGBP%2Fmathematics%2FEaa5SGAOfe9ImIY94m_NJQ4BYrXhidPy87eYHN7cQl8egQ%22%2C%22websiteUrl%22%3A%22https%3A%2F%2Fschoolsnsw.sharepoint.com%2F%3Ab%3A%2Fs%2FN1XHSGBP%2Fmathematics%2FEaa5SGAOfe9ImIY94m_NJQ4BYrXhidPy87eYHN7cQl8egQ%22%2C%22name%22%3A%22Notification%20for%20Year%2009%202023%20Assessment%20Task%203%22%7D",
                            "id": "0",
                            "iconUrl": "https://normanhurb-h.schools.nsw.gov.au/content/dam/doe/sws/schools/n/normanhurb-h/icons/pdf.png"
                        },
                        {
                            "type": "Action.OpenUrl",
                            "title": "View Learning Programs",
                            "url": "https://schoolsnsw.sharepoint.com/:f:/s/293YP4GC/EpYRilAICVtDpEHcOejpFl0Ba6t73Hr7JzT0SI5j_rEBFA?e=SWDaQl",
                            "id": "1",
                            "iconUrl": "https://normanhurb-h.schools.nsw.gov.au/content/dam/doe/sws/schools/n/normanhurb-h/icons/sharepoint.png"
                        }
                    ]
                }
            ]
        }
    ]
}

Sample Code Language

No response

Sample Code

No response

Reproduce the supplied Adaptive Card JSON in Teams 2.1 and the Teams 1.0 New Channels Experience, then compare it with Teams classic channels and chat. Determine which client rendering behavior causes the card to be obscured; done means the full card is visible without requiring “see more” while preserving the other client behaviors.