Skip to content

[Authoring] [iOS]When width set to "auto" there is a misalignment if its previous item is hidden #6149

@shabripabba

Description

@shabripabba

Target Platform

Please list the platform(s) that your application is targeting and remove platforms you are not targeting:

  • iOS

Target Application

Please provide the name of the application that is rendering the card (ex: Outlook, Teams, etc)
Teams

Problem Description

Please enter a description of the issue. If you just have a question, please post on StackOverflow instead
when there are more than 1 item in the "columns" and each item has their width set to "auto", the items don't move to the left when the previous item in the queue gets hidden. The designer does move the items to the left(check the json and the repro steps). Note below in the screenshot, iPhone_water shows the image is somewhere in the middle, when you tap on "water" vs the designer_water, when you tap on "water" has the image left aligned.

Screenshot

Please provide a screenshot of the problem (if possible)
Designer_water
iPhone_water

Card JSON

Please provide the JSON of the Card that is being rendered
{"body":[{"type":"TextBlock","text":"Press the buttons to toggle the images!","wrap":true},{"id":"textToToggle","isVisible":false,"type":"TextBlock","text":"Here are some images:"},{"columns":[{"width":"auto","items":[{"height":"auto","style":"person","id":"imageToToggle","size":"medium","isVisible":false,"type":"Image","url":"https://picsum.photos/100/100?image=112"}],"type":"Column"},{"width":"auto","items":[{"size":"medium","id":"imageToToggle2","isVisible":false,"url":"https://picsum.photos/100/100?image=123","height":"auto","type":"Image"}],"type":"Column"}],"type":"ColumnSet"}],"version":"1.2","type":"AdaptiveCard","actions":[{"title":"Toggle!","targetElements":["textToToggle","imageToToggle","imageToToggle2"],"type":"Action.ToggleVisibility"},{"title":"Also Toggle!","targetElements":["textToToggle","imageToToggle","imageToToggle2"],"type":"Action.ToggleVisibility"},{"title":"Show!","targetElements":[{"isVisible":true,"elementId":"textToToggle"},{"isVisible":true,"elementId":"imageToToggle"},{"isVisible":true,"elementId":"imageToToggle2"}],"type":"Action.ToggleVisibility"},{"title":"Hide!","targetElements":[{"isVisible":false,"elementId":"textToToggle"},{"isVisible":false,"elementId":"imageToToggle"},{"isVisible":false,"elementId":"imageToToggle2"}],"type":"Action.ToggleVisibility"},{"title":"Grain!","targetElements":[{"isVisible":true,"elementId":"textToToggle"},{"isVisible":true,"elementId":"imageToToggle"},{"isVisible":false,"elementId":"imageToToggle2"}],"type":"Action.ToggleVisibility"},{"title":"Water!","targetElements":[{"isVisible":true,"elementId":"textToToggle"},{"isVisible":false,"elementId":"imageToToggle"},{"isVisible":true,"elementId":"imageToToggle2"}],"type":"Action.ToggleVisibility"}],"$schema":"http://adaptivecards.io/schemas/adaptive-card.json"}

Sample Code

Please provide any relevant code samples to help reproduce the issue

Version of SDK

What version are you using? Ex: NuGet 1.0.2, or latest main, etc...
pod file 2.8.0-beata1

Metadata

Metadata

Assignees

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions