Adaptivecards: [Android] [Accessibility] Showing card actions horizontally when there're not enough space

[SiarheiKuchukBelitsoft]

Platform

• Teams for Android

Author or host

Bot sends card to user

Version of SDK

Node.JS package
botbuilder version 4.7.2

Details

Steps to reproduce:

1. Open Teams and install Microsoft Apps Studio
2. Go to App Studio, click New Card and paste the JSON below
   { "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "type": "AdaptiveCard", "version": "1.0", "body": [ { "type": "TextBlock", "wrap": true, "text": "Problem with wrapping text of adaptive card actions." } ], "actions": [ { "type": "Action.ShowCard", "title": "Button with long text", "card": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "text": "This is a show card" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json" } }, { "type": "Action.ShowCard", "title": "Button with long text", "card": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "text": "This is a show card" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json" } }, { "type": "Action.ShowCard", "title": "Button with long text", "card": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "text": "This is a show card" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json" } }, { "type": "Action.ShowCard", "title": "Button with long text", "card": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "text": "This is a show card" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json" } }, { "type": "Action.ShowCard", "title": "Button with long text", "card": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "text": "This is a show card" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json" } }, { "type": "Action.ShowCard", "title": "Button with long text", "card": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "text": "This is a show card" } ], "$schema": "http://adaptivecards.io/schemas/adaptive-card.json" } } ] }
3. Click Send to me as a Card
4. Open Teams app on Android and observe the result
   

Actual behavior:
Action cards are stacked horizontally without scroll bar when there're not enough space to show them all

Expected behavior:
Wrap cards and show them vertically if there're not enough space

[jwoo-msft]

@SiarheiKuchukBelitsoft
Thanks for sharing this info.
The behavior you desired is supported via HostConfig. The hostconfig is managed by host app, in this case, it's Teams Mobile app.

The buttons are actually horizontally scrollable although it's missing the scroll bar indicator. @shbhadra, is there a plan for adding a scroll bar for actions?

[SiarheiKuchukBelitsoft]

@jwoo-msft, The same behavior I observe for Teams for IOS.

[shalinijoshi19]

@VikrantSingh01 / @jwoo-msft is this something ath needs to be addressed on the Teams end here?

[msftbot[bot]]

We have acknowledged this issue report. Please continue to follow the issue for updates/progress/questions. @matthidinger / @dclaux / @rebeccaanne / @paulcam206 / @nesalang / @almedina-ms FYI.

[jwoo-msft]

@shalinijoshi19
Could you help me forward this issue to Teams?

[Gousia-Begum]

@SiarheiKuchukBelitsoft Thanks for reporting this. We have raised a bug for this and we are looking into it.

[SiarheiKuchukBelitsoft]

@Gousia-MSFT, thanks! You're doing a great job with Teams. It serves so well as corporate chat, planner, etc...

[anbah34]

This is being fixed in the June sprint by Teams Mobile Platform

[DeeJayTC]

One more mention of the bug here: https://stackoverflow.com/questions/62470617/how-would-it-be-possible-that-adaptive-cards-in-microsoft-teams-for-android-neve

[DeeJayTC]

3705

3865

Seem to be similar or related aswell

[shalinijoshi19]

@anbah34 did the June release wtih the fix go out? Could you drop a link to the release here for reference at all?

Also @DeeJayTC / @SiarheiKuchukBelitsoft closing this issue out now; Pls feel free to file a new one or reactivate if you find this is not fixed with the latest Teams release

[anbah34]

@shalinijoshi19 yes this was fixed back in June/ july and can be checked/ validated on the current store build.

Change made - Buttons wrap in a card rather than being shown horizontally

[Nikitha-MSFT]

Bug is Resolved now, we have tested this at our end, could you please also check and confirm?
The issue is with the Teams client which is fixed now.