[Adaptive Cards-Header control]: On resizing the page to 400% horizontal scroll bar is appearing on the page.

[Susmitha474]

Target Platforms

Other

SDK Version

1.5

Application Name

Adaptive Cards

Problem Description

Test Environment: URL: https://adaptivecards.io/ OS: Version 21H2 (OS Build 22000.318) Edge Dev: version 105.0.1300.0 (Official build) dev (64-bit)

Pre-Requisites:

1. Change Display Resolution to 1024* 768.
2. Zoom the page to 400%

Repro steps:

1. Launch the above URL in edge dev browser and login with v- credentials.
2. Navigate to Documentation, Schema Explorer, Samples, Blog and Designer links under 'Adaptive Cards' through tab key under the header controls.
3. Verify that on resizing the page to 400% horizontal scroll bar is appearing on the page or not.

Actual Result: On resizing the page to 400% horizontal scroll bar is appearing on the page.

Expected Result: On resizing the page to 400% horizontal scroll bar should not appear on the page.

User Experience: User with visual disability will have difficulty in clearly identifying and in seeing the content as to view the content properly user needs to scroll horizontal scroll bar which create difficulty for the user if on resizing the page to 400% horizontal scroll bar is appearing on the page.

MAS Reference Link: Reflow - Liquid (microsoft.com)

"Have feedback to share on Bugs ? Please help fill Trusted Tester Bug Feedback (office.com) “,

Screenshots

Card JSON

NA

Sample Code Language

NA

Sample Code

NA