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

[z3019494]

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)

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"
                        }
                    ]
                }
            ]
        }
    ]
}

[ChetanSharma-msft]

Hello @z3019494 - Thanks for raising your query.
We will look into it and let you know the updates.

[Prasad-MSFT]

@z3019494 - We tried to repro this issue in both Teams new channel experience as well as in classic Teams and observed below behaviour.
In Teams Classic: (Rendering fully)

In Teams New channel experience:

There is already a bug raised for this. We will inform you once we get any further update from engineering team.
Thanks!

[z3019494]

Not to mention these cards aren't showing in full width either.

microsoft/AdaptiveCards#8692

[z3019494]

OMG it got fixed just then! The cards are no longer obscured!

[Prasad-MSFT]

We are closing this issue for now. Please feel free to reopen if required. Thanks!

[microsoft-github-policy-service]

Tell us about your experience!

Hi z3019494! This issue is closed in our system. We would like your feedback on your experience with our support team and Platform.

Best regards,
Teams Platform