microsoft / microsoft/AdaptiveCards
[Rendering] ToggleVisibility freezes MS Teams Application and MS Teams in Browser
Nobody has claimed this yet.
- Dominant language
- C#
- Stars
- 2k
- Forks
- 595
- Avg merge
- 1d 19h
- Merged PRs (30d)
- 1
Description
Target Platforms
NodeJS
SDK Version
1.4
Application Name
Microsoft Teams
Problem Description
I am using an Adaptive Card with a Container using the ToggleVisibility Action.
In MS Teams (Windows, Browser, MacOs tested) it freezes the Application / Browser Tab completely once I am clicking on any link within this card.
I tried quite much, the only thing which fixed it, was completely removing the Action.ToggleVisibility.
Running the Code in the Adapative Cards Designer doesn't produce the same behaviour.
Screenshots
No response
Card JSON
{
"type": "AdaptiveCard",
"version": "1.4",
"body": [
{
"type": "TextBlock",
"text": "**Sample Text**",
"wrap": true
},
{
"type": "Container",
"items": [
{
"type": "Container",
"selectAction": {
"type": "Action.ToggleVisibility",
"targetElements": ["containerElement", "downArrowElement", "leftArrowElement"]
},
"items": [
{
"type": "ColumnSet",
"columns": [
{
"type": "Column",
"items": [
{
"type": "TextBlock",
"text": "Students",
"weight": "Bolder",
"size": "Medium",
"wrap": true
}
]
},
{
"type": "Column",
"width": "auto",
"items": [
{
"type": "TextBlock",
"text": "▼",
"horizontalAlignment": "Right",
"isVisible": false,
"isSubtle": true,
"id": "downArrowElement"
},
{
"type": "TextBlock",
"text": "◀",
"horizontalAlignment": "Right",
"isVisible": true,
"isSubtle": true,
"id": "leftArrowElement"
}
]
}
]
},
{
"type": "Container",
"items": [
{
"type": "TextBlock",
"text": "**Jane Doe** \n**✉** [jane.doe@example.com](mailto:jane.doe@example.com) \n**✆** 1234568789 \n\n\n",
"wrap": true
}
],
"isVisible": false,
"id": "containerElement"
}
],
"style": "emphasis",
"bleed": true
}
]
}
]
}
Sample Code Language
No response
Sample Code
No response
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the supplied Adaptive Card in Microsoft Teams on the listed platforms, then compare it with the Adaptive Cards Designer result. Focus on the interaction between Action.ToggleVisibility and the mailto link; done means clicking links no longer freezes the Teams application or browser tab.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- node.js
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 32/100