microsoft / microsoft/AdaptiveCards

[Rendering] Adaptive card dropdown placeholder values and button values don't display non latin characters

Open
#9,185 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area-Renderers Bug
Dominant language
C#
Stars
2k
Forks
595
Avg merge
1d 19h
Merged PRs (30d)
1

Description

Target Platforms

Other

SDK Version

1.0

Application Name

Outlook web, outlook desktop

Problem Description

Hello,

I'm using the .NET handlebars along with adaptive cards to display them in OWA clients ( outlook web, outlook desktop windows ). I have .hbs templates that consists of a dropdown ( choice set ) and an action button. The display texts on these ( placeholder for dropdown and display text for the button ) display ????? or some unicode garbage values for non latin scripts. I've tried this with hindi ( hi ). However, the remaining regular text does show up as expected in hindi. Its just the placeholder dropdown and button that don't.

Previously, non latin wasn't showing up in text as well but when I made this change
handlebars.Configuration.NoEscape = false;

it shows up in text but not in those areas which I mentioned above.

Screenshots

dropdown

Image

button

Image

Card JSON
<html><head><script type="application/adaptivecard+json">
{
  "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
  "type": "AdaptiveCard",
  "version": "1.0",
  "body": [
    {
   
              "items": [
                {
                  "type": "Input.ChoiceSet",
                  "id": "votingChoiceSelection0",
                  "value": "[this.id]",
                  "placeholder": "इसके लिए वोट करें",
                  "choices": [
                    {
                      "title": "हाँ",
                      "value": "yes"
                    },
                    {
                      "title": "नहीं",
                      "value": "no"
                    }
                  ],
                  "wrap": true
                }
              ],
              "spacing": "Small",
              "verticalContentAlignment": "Center"
            }
          ],
          "padding": "None",
          "horizontalAlignment": "Left",
          "spacing": "Small"
   
            {
              "type": "Action.Http",
              "id": "7e6a701f-815f-2a67-4af1-a316b59c8e83",
              "title": "वोट सबमिट करें",
              "method": "POST",
              "url": "",
              "body": "{'activity':'vote','updateRequest':{'votes':[{'choiceId':'1','type':'{{votingChoiceSelection0.value}}','recipientAddress':''},{'choiceId':'2','type':'{{votingChoiceSelection1.value}}','recipientAddress':''},{'choiceId':'3','type':'{{votingChoiceSelection2.value}}','recipientAddress':''}]} }",
              "headers": [
                {
                  "name": "Authorization",
                  "value": ""
                }
              ],
              "isPrimary": true,
              "style": "positive"
            }
          ]
        }
      ]
    }
  ],
  "autoInvokeAction": {
    "method": "POST",
    "url": "",
    "body": "{'activity':'vote'}",
    "headers": [
      {
        "name": "Authorization",
        "value": ""
      }
    ],
    "type": "Action.Http"
  },
  "padding": "None",
  "@type": "AdaptiveCard",
  "@context": "http://schema.org/extensions"
}
</script></head><body>body content</body></html>
Sample Code Language

No response

Sample Code

No response

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

Start with the supplied Adaptive Card JSON and the .NET Handlebars configuration, focusing on the placeholder and action button values that contain Hindi text. Reproduce the card in Outlook web and desktop, compare those fields with the regular text that renders correctly, and confirm that non-Latin characters display correctly in both locations.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp, handlebars
Domain
frontend, internationalization
Issue type
Bug
Difficulty
4/5
Estimated time
3-5 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.