microsoft / botbuilder-js

Welcome to the Bot Framework SDK for JavaScript repository, which is the home for the libraries and packages that enable developers to build sophisticated bot applications using JavaScript.
https://github.com/Microsoft/botframework
MIT License
683 stars 279 forks source link

Issue: Text formatting in adaptive card on Teams Android App doesn't reflect #3129

Closed razxssd closed 3 years ago

razxssd commented 3 years ago

Versions

What package version of the SDK are you using. 4.11.0 What nodejs version are you using 14.2.0 What browser version are you using Teams App What os are you using Android

Describe the bug

Hi,

I have implemented an adaptive card published on a channel through bot framework.

We have applied italic formatting as per documentation ("text") (https://docs.microsoft.com/en-us/microsoftteams/platform/task-modules-and-cards/cards/cards-format?tabs=adaptive-md%2Cconnector-html) but while it's rendered in desktop and ios app, it not correctly diplayed in andorid app.

Here the card payload and app screenshots for reference.

Adaptive card:

`{

  "type": "AdaptiveCard",

  "body": [

    {

      "type": "ColumnSet",

      "columns": [

        {

          "type": "Column",

          "items": [

            {

              "type": "Image",

              "url": "https://i.ibb.co/m8Z5Hfc/telegram-logo.png",

              "size": "Small"

            }

          ],

          "width": "auto"

        },

        {

          "type": "Column",

          "items": [

            {

              "type": "TextBlock",

              "weight": "Bolder",

              "text": "12312314",

              "wrap": true

            },

            {

              "type": "TextBlock",

              "spacing": "None",

              "text": "Received On 2020-12-7 10:22:35",

              "isSubtle": true,

              "wrap": true

            }

          ],

          "width": "stretch"

        }

      ]

    },

    {

      "type": "FactSet",

      "facts": [

        {

          "title": "Message",

          "value": "_Hello_"

        },

        {

          "title": "Assigned To",

          "value": "hello.eduard@hello.it"

        },

        {

          "title": "Due Date",

          "value": "2020-12-8 10:22:35"

        }

      ]

    },

      {

      "type": "ActionSet",

      "actions": [

        {

          "type": "Action.Submit",

          "title": "Close",

          "data": { "action": "close" }

        }

      ]

    }

  ],

  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",

  "version": "1.2"

}`

Expected behavior

The text should be formatted correctly on each platform / OS, like Desktop / Android / IOS

Screenshots

Result on Desktop:

Desktop Screenshoot

As you can see 'Hello' text is formatted ok on desktop, but on Android the result is this:

Android Screenshoot

While on IOS it's working too:

IOS Screenshoot

joshgummersall commented 3 years ago

@razxssd I think this issue should be reported to the microsoft/AdaptiveCards repository. I'm going to go ahead and close this issue; feel free to reopen it if you feel there's been a mistake.