search

microsoftgraph / microsoft-graph-toolkit

Authentication Providers and UI components for Microsoft Graph 🦒
https://docs.microsoft.com/graph/toolkit/overview
Other
936 stars 296 forks source link

{Freeway-Bug}[MGTP-Left navigation region]: Privacy and Cookies and terms of use 'Content info' section information under 'Microsoft Graph toolkit playground' page is not visible when user resizes the page up to 400%. #2247

Closed vagpt closed 1 year ago

vagpt commented 1 year ago

Test Environment: OS Build: Windows 11 Version: 22H2 (OS Build 25300.1000) Browser: Edge dev Browser Version 114.0.1807.5 (Official build) dev (64-bit) URL: Components / mgt-agenda / Properties - Preferred Timezone ⋅ Storybook User ID: V-id

Pre-requisites:

  1. Screen Resolution: 1280*1024
  2. Scaling: 100%
  3. Browser Settings: 400%
  4. Refresh the browser after applying the settings.

Repro Steps:

  1. Open the above URL and login with valid credentials.
  2. 'Microsoft Graph Toolkit Playground' Overview page will get displayed.
  3. Resize the page and observe the issue

Actual Result: Privacy and Cookies and terms of use ‘Content info' section information is not visible after resizing the page up to 400%. User cannot view complete information while navigating on dialog with keyboard.

Observation: This issue also reproduces when user tries to scroll the page with mouse.

Expected Result: Privacy and Cookies and terms of use ‘Content info' section information should be properly visible after resizing the page up to 400%. Users should be able to view the content while navigating with keyboard.

Note:

  1. Issue doesn't reproduce when user resizes the page up to 200%(Display resolution: 1280x720, Scale-100%)

User Impact: People with mild visual disabilities must be able to resize text up to 400 percent without losing access to content or losing function.

WCAG reference link: https://www.w3.org/WAI/WCAG21/Understanding/reflow

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

https://user-images.githubusercontent.com/95913748/236836188-c7490b42-3485-4741-9e7e-fb4a06639ec7.mp4

WCAG1 4 10-Privacy and Cookies and terms of use 'Content info' section information under 'Microsoft Graph toolkit playground' page is not visible when user resizes the page up to 400%

ghost commented 1 year ago

Hello vagpt, thank you for opening an issue with us!

I have automatically added a "needs triage" label to help get things started. Our team will analyze and investigate the issue, and escalate it to the relevant team if possible. Other community members may also look into the issue and provide feedback 🙌

gavinbarron commented 1 year ago

@vagpt this is intentionally so, having this visible at that zoom level causes the canvas/sidebar tabs to become inaccessible, these are core functionality at this zoom level/responsive breakpoint. we can only have one or the other and thus the core functionality must be chosen.

Please advise how to address this?

cc @sebastienlevert

sebastienlevert commented 1 year ago

This came in as a bug in the past and we solved it with hiding it. Now we have to un-hide it?

https://github.com/microsoftgraph/microsoft-graph-toolkit/issues/1094

gavinbarron commented 1 year ago

yeah... maybe we move those links to the side bar or the overview page and do away with the footer element?

sebastienlevert commented 1 year ago

I like the option on the side bar!

vagpt commented 1 year ago

This issue is working fine on the environment below, hence closing this issue.

Test Environment: URL: https://mgt.dev/next/v3/?path=/story/overview--page OS Version: 23H2(Os Build 25375.1) Browser Version: Version 115.0.1880.3 (Official build) dev (64-bit)

Pre-requisites:

  1. Screen Resolution: 1280*1024
  2. Scaling: 100%
  3. Browser Settings: 400%
  4. Refresh the browser after applying the settings.

Snippet: image