microsoft / microsoft/AdaptiveCards

[iOS & Android][rendering][IsVisible toggling not rendering now visible element correctly ]

Open
#4,226 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Bug Partner-MsftTeams Partner-MsftTeamsMobile Platform-Android Platform-iOS Task
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:

  1. go to: https://amdesigner.azurewebsites.net/
  2. select the Expense Approval sample
  3. copy the JSON payload
  4. use the App Studio within Teams to send yourself this card
  5. observe expanding sections load correctly on the Desktop - ok
  6. 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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.