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

Multi-list selects are hard to use on medium screen sizes #1819

Open
rachidatecs opened this issue Feb 22, 2024 · 5 comments
Open

Multi-list selects are hard to use on medium screen sizes #1819

rachidatecs opened this issue Feb 22, 2024 · 5 comments
Labels
accessibility pertains to Section 508 compliance or other accessibility needs bug Something that isn't working as intended dev issue is for the dev team Feature: 🧮 Analyst Experience Issue to improve the Analysts workflow refinement

Comments

@rachidatecs
Copy link
Contributor

rachidatecs commented Feb 22, 2024

Current Behavior

Below 768px, the view/edit/delete/add buttons are off-screen.

Between 1024 and 1255px, the multi-list selects get cutoff.

Between 768 and 1335px, the the view/edit/delete/add buttons are too close to the item just below them.
__

Expected Behavior

Layout should be usable in any screen size.

Steps to Reproduce

  1. Go to a domain application and resize your screen.

Environment

No response

Additional Context

Screenshot 2024-02-22 at 6 35 20 PM
Screenshot 2024-02-22 at 6 36 37 PM

Issue Links

No response

Prioritization Comments

WCAG Conformance Level: 2.1 AA
WCAG Standard that applies:
2.4.4 (Link Purpose - In Context)
1.3.1 (Info and Relationships)
Critical Failure if Not Met?: Yes
Prioritization: High/Must Do
Reason:

@rachidatecs rachidatecs added the bug Something that isn't working as intended label Feb 22, 2024
@abroddrick abroddrick added the dev issue is for the dev team label Feb 23, 2024
@PaulKuykendall
Copy link

I don't know that we even want to keep these multi-select views. Let's discuss this in Discovery to see if it makes the cut.

@vickyszuchin vickyszuchin moved this from 👶 New to 🍦 Backlog in .gov Product Board Feb 28, 2024
@vickyszuchin
Copy link

Added "refinement" label because of 2/26 comment from @PaulKuykendall

@katypies katypies added accessibility pertains to Section 508 compliance or other accessibility needs Feature: 🧮 Analyst Experience Issue to improve the Analysts workflow labels Aug 2, 2024
@h-m-f-t
Copy link
Member

h-m-f-t commented Aug 5, 2024

This will only affect a very small set of users who can likely turn their device 180 degrees. It's possible we can detect a user's aspect ratio and warn them some fields may be cut off.

@vickyszuchin
Copy link

This ticket is pending on @h-m-f-t to do ticket refinement on scope and ACs.

@h-m-f-t
Copy link
Member

h-m-f-t commented Aug 23, 2024

I'm ok de-prioritizing the mobile responsiveness of /admin at this time. All users are making changes on a desktop.

At a later time, dev can propose a solution, or this can be part of a future refresh of the front-end of our back-end.

@h-m-f-t h-m-f-t removed their assignment Aug 23, 2024
@katypies katypies moved this from 🍦 Backlog to 🚗 Parking Lot in .gov Product Board Aug 23, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
accessibility pertains to Section 508 compliance or other accessibility needs bug Something that isn't working as intended dev issue is for the dev team Feature: 🧮 Analyst Experience Issue to improve the Analysts workflow refinement
Projects
Status: 🚗 Parking Lot
Development

No branches or pull requests

6 participants