microsoft / microsoft/AdaptiveCards
[iOS & Android][rendering][IsVisible toggling not rendering now visible element correctly ]
Nobody has claimed this yet.
- Dominant language
- C#
- Stars
- 2k
- Forks
- 595
- Avg merge
- 1d 19h
- Merged PRs (30d)
- 1
Description
Platform
What platform is your issue or question related to? (Delete other platforms).
- Android
- iOS
Author
Sending to Teams iOS version 2.0.14 with and without developers preview. As well as Android, latest version.
Version of SDK:
JS - v1.6.0
Details
We use a collapsed view of our cards to show our users only the most relevant information then allow them to ToggleVisibility on additional information. This worked perfectly fine until recently. Now it appears the elements that were initially set to isVisible:false do not get rendered correctly when toggled to true.
We tested this on new cards as well as cards that were previously sent by the system to the mobile device. This is happening in both v1.0 and verison 1.2 of the schema
Steps to reproduce:
- go to: https://amdesigner.azurewebsites.net/
- select the Expense Approval sample
- copy the JSON payload
- use the App Studio within Teams to send yourself this card
- observe expanding sections load correctly on the Desktop - ok
- view same card on mobile app (just checked again on ios13.5.1) and notice that when expanding hidden panels they over lay with other ones, overall height is not adjusted - KO
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 Expense Approval sample from the Adaptive Cards Designer and send it through Teams App Studio to an iOS or Android device. Compare the mobile rendering with desktop when hidden panels are toggled visible; done means the panels no longer overlap and the card height adjusts correctly.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- android, ios, javascript
- Domain
- mobile-dev
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100