question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[iOS][Android] Alignment and possible placeholder rendering issues with ChoiceSet

See original GitHub issue

Platform

iOS and Android were reported. We should verify against other platforms to see if any other platforms are affected.

Details

This payload renders misaligned on Android (and possibly without Input.ChoiceSet placeholder at some sizes):

{
    "$schema": "http://adaptivecards.io/schemas/adaptive-card.json",
    "body": [
        {
            "isVisible": true,
            "columns": [
                {
                    "items": [
                        {
                            "id": "country",
                            "choices": [
                                {
                                    "value": "Choice 1",
                                    "title": "Choice 1"
                                },
                                {
                                    "value": "Choice 2",
                                    "title": "Choice 2"
                                }
                            ],
                            "placeholder": "Pick a country code",
                            "type": "Input.ChoiceSet"
                        }
                    ],
                    "width": "stretch",
                    "type": "Column"
                },
                {
                    "items": [
                        {
                            "id": "NewPhoneNumber",
                            "placeholder": "Type the number here",
                            "type": "Input.Text"
                        }
                    ],
                    "width": "stretch",
                    "type": "Column"
                }
            ],
            "type": "ColumnSet"
        }
    ],
    "version": "1.0",
    "type": "AdaptiveCard"
}

Here’s what the customer is seeing on Android: cust-and

@golddove sees this locally on Android (placeholder works, but alignment still not great): image

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
jwoo-msftcommented, Feb 19, 2021

@jwoo-msft - are you able to repro this behavior on iOS?

@paulcam206 No, I can’t image

0reactions
jonmillcommented, Apr 22, 2021

Great, thanks folks!

Read more comments on GitHub >

github_iconTop Results From Across the Web

[MSTeams][Android/Ios] [Adaptive card input.choice set ...
I used the placeholder property of adaptive cards in the input.Choiceset schema of adaptive cards. I added the placeholder text for the input....
Read more >
html - How can I fix inconsistent placeholder text vertical ...
My input placeholder text is correctly vertically aligned in Firefox and Chrome desktop. But on Safari desktop plus Firefox Mobile, Chrome ...
Read more >
Click on images in adaptive card is not triggering action on ...
Click on images in the adaptive card is not triggering action on IOS devices despite its opening the image viewer. click is working...
Read more >
Format text and placeholders in Power BI paginated reports
This means that the text is aligned based on the field type of your placeholder value.
Read more >
Salesforce Summer21 Release Notes | PDF
Added a release note to announce a new Today page design that welcomes users when they log in to their myTrailhead subdomain. Use...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found