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.

Sign up for GitHub

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

Jump to bottom

Adapt Cascading Menu to Drilldown behavior in mobile #5459

Open
marcoscv-work opened this issue Apr 5, 2023 · 3 comments
Open

Adapt Cascading Menu to Drilldown behavior in mobile #5459

marcoscv-work opened this issue Apr 5, 2023 · 3 comments
Assignees
@pat270
Labels
comp: accessibility Issues related to accessibility in general comp: clay-components Issues related to Clay components. (e.g ClayCard, ClayLabel...) comp: clay-css Issues related to Clay CSS rfc Similar to the RFC that are used in React.js, Ember.js, Gatsby.js and Rust, but to mark problems tha

Comments

@marcoscv-work
Copy link
Member

marcoscv-work commented Apr 5, 2023 •
edited
Loading

What is your proposal?

Cascading Menu is great in desktop but difficult or almost impossible to control in a small screen device so we are proposing to change the Cascading Menu to Drilldown when we are in a small screen.
From a UX an accessibility perspective it should be done live.

So we should analyze:

  • Is it possible with the same markup?
  • Do we need to change a component by another?
  • What happen if we use zoom and we pass from a desktop to a responsive version?

Note: Not a BofA priority

LPS: LPS-180810
@marcoscv-work marcoscv-work added rfc Similar to the RFC that are used in React.js, Ember.js, Gatsby.js and Rust, but to mark problems tha comp: accessibility Issues related to accessibility in general labels Apr 5, 2023
@matuzalemsteles matuzalemsteles added the comp: clay-components Issues related to Clay components. (e.g ClayCard, ClayLabel...) label Apr 5, 2023
@pat270 pat270 added the comp: clay-css Issues related to Clay CSS label Apr 6, 2023
@pat270
Copy link
Member

pat270 commented Apr 6, 2023

We will need to add some CSS variants. I think we can use the existing markup, but need to add the dropdown-menu class on the items which is a bit weird.

@pat270 pat270 self-assigned this Apr 7, 2023
@marcoscv-work
Copy link
Member Author

Hey @pat270
Do you need something to start working on this or is it just low priority?

@drakonux
Copy link
Member

@pat270 Have you had a chance to review Marco's comment/proposal?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@pat270 pat270

Labels
comp: accessibility Issues related to accessibility in general comp: clay-components Issues related to Clay components. (e.g ClayCard, ClayLabel...) comp: clay-css Issues related to Clay CSS rfc Similar to the RFC that are used in React.js, Ember.js, Gatsby.js and Rust, but to mark problems tha
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
4 participants
@pat270 @marcoscv-work @matuzalemsteles @drakonux