[Rendering] SetVisibility on a large amount of content cuts off the card in MS Teams

[Wajeed-msft]

Copied bug from: https://github.com/microsoft/AdaptiveCards/issues/8580

Details from original post:

Target Platforms

Other

SDK Version

API

Application Name

Microsoft Teams

Problem Description

When using the SetVisibility action toggle on a section with a large amount of content, the card will be cut off prematurely at the bottom, hiding any containers further down. There is no See More button to click in this case to expand the card. Clicking the card will however cause the card to fully render.

Additionally, After collapsing the accordion back up, the screen will sometimes jump way above the chat in the channel.

Screenshots

After expanding:

As you can see the card cuts off without finishing expanding or offering the see more button.

Card JSON

{
"version":"1.4",
"actions":[
{
"url":"",
"title":"Button",
"type":"Action.OpenUrl"
},
{
"url":"",
"title":"Button",
"type":"Action.OpenUrl"
}
],
"$schema":"http://adaptivecards.io/schemas/adaptive-card.json",
"body":[
{
"items":[
{
"weight":"bolder",
"text":"Placeholder Title",
"height":"auto",
"wrap":"true",
"size":"large",
"type":"TextBlock",
"color":"accent"
},
{
"size":"Medium",
"wrap":"true",
"text":"This card is kept up to date with the latest information.",
"type":"TextBlock"
},
{
"size":"Medium",
"wrap":"true",
"text":"**Summary:** Test Summary!",
"type":"TextBlock"
},
{
"size":"Medium",
"wrap":"true",
"text":"**Assignee:** Example",
"type":"TextBlock"
}
],
"type":"Container"
},
{
"items":[
{
"facts":[
{
"wrap":"false",
"value":"Test",
"title":"**Test value:**"
},
{
"wrap":"false",
"value":"None",
"title":"**Teams:**"
}
],
"type":"FactSet"
}
],
"type":"Container"
},
{
"separator":true,
"items":[
{
"spacing":"Medium",
"items":[
{
"columns":[
{
"width":"stretch",
"items":[
{
"size":"Medium",
"wrap":true,
"text":"Description",
"type":"TextBlock"
}
],
"type":"Column"
},
{
"id":"chevronDown",
"items":[
{
"altText":"collapsed",
"url":"https://adaptivecards.io/content/down.png",
"width":"20px",
"type":"Image"
}
],
"spacing":"Small",
"verticalContentAlignment":"Center",
"width":"auto",
"type":"Column"
},
{
"id":"chevronUp",
"items":[
{
"altText":"expanded",
"url":"https://adaptivecards.io/content/up.png",
"width":"20px",
"type":"Image"
}
],
"spacing":"Small",
"verticalContentAlignment":"Center",
"width":"auto",
"isVisible":false,
"type":"Column"
}
],
"selectAction":{
"mode":"primary",
"targetElements":[
"descriptionContent",
"chevronUp",
"chevronDown"
],
"type":"Action.ToggleVisibility"
},
"type":"ColumnSet"
},
{
"items":[
{
"items":[
{
"wrap":true,
"text":"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.",
"isSubtle":false,
"type":"TextBlock"
}
],
"type":"Container"
}
],
"height":"stretch",
"id":"descriptionContent",
"isVisible":false,
"type":"Container"
}
],
"type":"Container"
}
],
"type":"Container"
}
],
"msteams":{
"width":"Full"
},
"type":"AdaptiveCard"
}

Sample Code Language

No response

Sample Code

No response---

Document Details

⚠ Do not edit this section.It is required for docs.microsoft.com ➟ GitHub issue linking.

• ID: 3fb4394d-25b1-8752-3996-fe3a2934732d
• Version Independent ID: 6d391381-89d0-117c-27cc-00043bd26a36
• Content: Cards reference - Teams
• Content Source: msteams-platform/task-modules-and-cards/cards/cards-reference.md
• Product: msteams
• GitHub Login: @surbhigupta12
• Microsoft Alias: surbhigupta12

[ghost]

Hi Wajeed-msft! Thank you for bringing this issue to our attention. We will investigate and if we require further information we will reach out in one business day. Please use this link to escalate if you don't get replies.

Best regards, Teams Platform

[Meghana-MSFT]

Thank you for reporting this, we will check this and get back to you.

[Meghana-MSFT]

We checked this at our end. Though entire card is not visible after expanding we can still scroll and see the content. Also the behavior after clicking on the collapse button is smooth as well.

Could you please confirm if you are mentioning the same behavior? Please share the video if possible. Thank you.

https://github.com/MicrosoftDocs/msteams-docs/assets/81138249/0a1dc011-1048-4074-b076-ddac4d6f0199

[gilesholmes]

Hi @Meghana-MSFT ,

For more context, when I encounter this issue it is on the top level message of our thread (the parent message.) To replicate the bug I post or edit the card as the Parent message of a thread through API, open the channel, and expand the description.

Once I click on the card after encountering the bug, the bug wont happen again until I navigate to another channel and return back to this one.

I doubt this last piece is relevant, but we also only use one thread in the channels where we are posting these cards. (This helps us to follow one chain of messages without different threads popping in and out of order).

[Meghana-MSFT]

I checked it again with a parent message and its working fine. Could you please share a video of the same?

[ghost]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 3 days. It will be closed if no further activity occurs within 3 days of this comment.

[gilesholmes]

Open the channel, go straight to the description dropdown and open it. It will not be expanded on it's own for me. Once I click the rest of the card will show.

Here is a video (sorry for bad corpping):

https://github.com/MicrosoftDocs/msteams-docs/assets/137224966/9f98bd9a-5b92-4e17-8a81-9f45eb5aaabd

@Meghana-MSFT can we re-open this please?

[Meghana-MSFT]

@gilesholmes - We will look into it and get back to you.

[ghost]

Hi Wajeed-msft! Thank you for bringing this issue to our attention. We will investigate and if we require further information we will reach out in one business day. Please use this link to escalate if you don't get replies.

Best regards, Teams Platform

[ghost]

This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 3 days. It will be closed if no further activity occurs within 3 days of this comment.

[Meghana-MSFT]

@gilesholmes - We are still not able to repro this issue, we have raised a bug for the same. We will keep you posted on the updates.

[Meghana-MSFT]

@gilesholmes - Could you please let us know if you are still facing this issue?