-
Notifications
You must be signed in to change notification settings - Fork 520
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[A11y- Adaptive card] Button text truncated at 320px screen widt #12081
Comments
Hi @sherryzhao11, we tried to repro this issue using the JSON provided, however on resizing the screen width, the button text is not showing as truncated. It follows responsive design. Tested with |
Hi @Prasad-MSFT , thanks for your response, our test client version is client version is 1415/24120100217 , and from the browse to open Teams https://teams.microsoft.com/v2/ |
Hi @sherryzhao11, we tried this in web version also, however we are still unable to repro. |
Hi @Prasad-MSFT , we can produce this truncated always and in the public 'Develop Portal', could help to share your example card JSON? Also from the adaptive card doc, there is no param to control whether the text wrap pr not, the wrap is automatically? |
@sherryzhao11, we used the same JSON shared by you only. Could you please share the repro video of your issue? |
This issue has been automatically marked as stale because it has been marked as requiring author feedback but has not had any activity for 3 days. It will be closed if no further activity occurs within 3 days of this comment. |
Steps to reproduce
Adaptive Card Json
{ "type": "AdaptiveCard", "$schema": "https://adaptivecards.io/schemas/adaptive-card.json", "version": "1.5", "body": [ { "type": "TextBlock", "text": "Decline with Comments", "weight": "Bolder", "size": "Medium", "wrap": true, "spacing": "Large", "id": "declineText" } ], "actions": [ { "type": "Action.Submit", "title": "Approve", "id": "approveAction", "associatedInputs": "auto", "data": { "path": "biteLayer/requestAction" } }, { "type": "Action.ShowCard", "title": "Decline with Comments", "card": { "type": "AdaptiveCard", "body": [ { "type": "TextBlock", "text": "Decline with Comments", "weight": "Bolder", "size": "Medium", "wrap": true, "spacing": "Large", "id": "declineText" } ], "actions": [ { "type": "Action.Submit", "title": "Decline", "id": "declineCommentAction", "associatedInputs": "auto", "placeholder": "Placeholder text" } ] } } ] }
Expected behavior
The screen should have responsive design and Button text should remain fully visible and legible at 320 pixels screen width.
Actual behavior
The button text is truncated when resizing the screen to 320 pixels, impacting readability, Please refer to the recording for more details on this issue.
Error details
No response
The text was updated successfully, but these errors were encountered: