Issue in People picker column inside table structure in an adaptive card

I'm working on a project where an adaptive card regarding an ownership survey. The card needs to be triggered to different people for taking their input via a people picker column. The input controls are inside a table as I need to take input for multiple responses. Inside the table structure, there's a dropdown input with value 'Yes' and 'No' . And there's a people picker input control which uses microsoft graph. But the people picker dropdown doesn't show the suggested display name properly when the number of items inside the table i very less (e.g. 1 or 2 or 3). The people picker control acts properly when the table has lot more items, say more than 5.

Any idea, how to overcome this issue?

Hi @THARax2020, thanks for raising your issue. Are you sending the card having people picker control in Microsoft Teams chat? If yes, could you please share the adaptive card JSON along with recorded repro, so that we can investigate further?

Hello @Prasad-MSFT , We're sending the adaptive card (with people picker control inside table structure) to teams to collect responses. Below is sample json for 1 case where number of table item is only 1.

Also could you please guide me for the recorded repro?

{ "type": "AdaptiveCard", "$schema": "http://adaptivecards.io/schemas/adaptive-card.json", "version": "1.5", "msteams": { "width": "Full" }, "actions": [ { "type": "Action.Submit", "title": "Submit", "style": "positive", "mode": "primary" } ], "body": [ { "type": "Table", "overflow": "unset", "columns": [ { "width": 2 }, { "width": "110px" }, { "width": 2 } ], "rows": [ { "type": "TableRow", "style": "accent", "cells": [ { "type": "TableCell", "verticalContentAlignment": "Left", "items": [ { "type": "TextBlock", "weight": "Bolder", "text": "Application", "wrap": true } ] }, { "type": "TableCell", "verticalContentAlignment": "Left", "items": [ { "type": "TextBlock", "weight": "Bolder", "text": "Ownership Confirmation", "wrap": true } ] }, { "type": "TableCell", "verticalContentAlignment": "Left", "items": [ { "type": "TextBlock", "weight": "Bolder", "text": "Owner Email", "wrap": true } ] } ] }, { "type": "TableRow", "cells": [ { "type": "TableCell", "verticalContentAlignment": "center", "items": [ { "type": "TextBlock", "wrap": true, "text": "Test Name", "color": "Dark" } ] }, { "type": "TableCell", "verticalContentAlignment": "center", "items": [ { "type": "Input.ChoiceSet", "id": "2642", "placeholder": "Select", "isRequired": true, "errorMessage": "Select response", "wrap": true, "choices": [ { "title": "Confirm", "value": "Confirm", "color": "Accent", "weight": "bolder" }, { "title": "Deny", "value": "Deny", "color": "Accent", "weight": "bolder" } ] }
] }, { "type": "TableCell", "verticalContentAlignment": "center", "items": [ { "type": "Input.ChoiceSet", "choices": [], "choices.data": { "type": "Data.Query", "dataset": "graph.microsoft.com/users" }, "id": "NO_2642", "isMultiSelect": false, "placeholder": " email Id", "errorMessage": "Input valid mail Id.", "wrap": true }
] } ] } ] } ] }

Thanks @THARax2020 for sharing the JSON. We will try to repro this at our end. If we need any further details, we will reach out to you. Thanks again.

Hi @THARax2020, we have raised a bug for this issue. We will inform you once we get any further update from engineering team. Thanks!

Hi @Prasad-MSFT, did you found any solution for this, We are facing the same issue. After choosing a user if it is not fitting it will cross the cell / column boundaries and overlap on next element.