Skip to content
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

Closed
sherryzhao11 opened this issue Jan 13, 2025 · 7 comments
Closed

[A11y- Adaptive card] Button text truncated at 320px screen widt #12081

sherryzhao11 opened this issue Jan 13, 2025 · 7 comments
Assignees
Labels
needs-author-feedback Needs more info from the customer. status-no-recent-activity teams-developer-support Question related to extensibility (Bot, ME, Tab) would be marked under this label

Comments

@sherryzhao11
Copy link

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.
Screenshot 2025-01-13 at 19 16 48

Error details

No response

@Prasad-MSFT Prasad-MSFT self-assigned this Jan 13, 2025
@Prasad-MSFT Prasad-MSFT added teams-developer-support Question related to extensibility (Bot, ME, Tab) would be marked under this label and removed needs-triage 🔍 labels Jan 13, 2025
@Prasad-MSFT
Copy link
Collaborator

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.

Image

Tested with Microsoft Teams version 25010.402.3348.1844. The client version is 49/25010702300.

@Prasad-MSFT
Copy link
Collaborator

Another example:

Image

@sherryzhao11
Copy link
Author

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/

@Prasad-MSFT
Copy link
Collaborator

Hi @sherryzhao11, we tried this in web version also, however we are still unable to repro.
The client version is 1415/24120100213.

@sherryzhao11
Copy link
Author

sherryzhao11 commented Jan 15, 2025

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?

@Prasad-MSFT
Copy link
Collaborator

@sherryzhao11, we used the same JSON shared by you only.

Image

Could you please share the repro video of your issue?

Copy link
Contributor

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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
needs-author-feedback Needs more info from the customer. status-no-recent-activity teams-developer-support Question related to extensibility (Bot, ME, Tab) would be marked under this label
Projects
None yet
Development

No branches or pull requests

2 participants