geo/geo-coop
geo/geo-coop
7
1
Fork 0
Code Issues 55 Pull requests Projects Releases Packages Wiki Activity Actions

A visitor on a mobile device can read all menus, with a tap to open dropdowns, and go to the link of their choosing #114

New issue
Open
opened 2021-08-19 13:41:45 +00:00 by mlncn · 7 comments
mlncn commented 2021-08-19 13:41:45 +00:00 (Migrated from gitlab.com)
Copy link

Background

Dropdown menus are not presently working as they should on mobile. Not sure if there's prior art in other Drutopia sites (cc @MegaKeegMan @sanjayjaindc ) — personally i try hard to avoid dropdown menus and made the oversight about these not working correctly on mobile).

  • On desktop the hover works fine but on mobile this needs to be replaced with a tap to open, otherwise the only
  • Also the three-item menu doesn't quite fit across on smaller mobile devices.

Actually, looking at the menus, we could alternatively get away with simply hiding the drop-down arrow on mobile, which would help them fit, not cause unexpected behavior to the person on a phone or other mobile device, and all the links can be reached from those three landing pages.

## Background Dropdown menus are not presently working as they should on mobile. Not sure if there's prior art in other [Drutopia](https://drutopia.org) sites (cc @MegaKeegMan @sanjayjaindc ) — personally i try hard to avoid dropdown menus and made the oversight about these not working correctly on mobile). - On desktop the hover works fine but on mobile this needs to be replaced with a tap to open, otherwise the only - Also the three-item menu doesn't quite fit across on smaller mobile devices. Actually, looking at the menus, we could alternatively get away with simply hiding the drop-down arrow on mobile, which would help them fit, not cause unexpected behavior to the person on a phone or other mobile device, and all the links can be reached from those three landing pages.
mlncn commented 2021-08-19 13:44:18 +00:00 (Migrated from gitlab.com)
Copy link

The alternative is any of a number of JavaScript libraries to treat hover events on desktop as tap events on mobile, but that means (except for /about) we should also in JavaScript duplicate the main menu item in the dropdown.

The alternative is any of a number of JavaScript libraries to treat hover events on desktop as tap events on mobile, but that means (except for /about) we should also in JavaScript duplicate the main menu item in the dropdown.
joshua_davis commented 2022-01-28 16:55:54 +00:00 (Migrated from gitlab.com)
Copy link

Any updates on this?

Any updates on this?
MegaKeegMan commented 2022-01-28 23:17:34 +00:00 (Migrated from gitlab.com)
Copy link

Here is what we have in mind:

  • The top level dropdowns will be converted from being links, themselves, to avoid navigating to a new page when someone on mobile clicks to open them
  • The search bar should be moved to the right of the dropdown links (on desktop), and on mobile will be paired in a row with the "Support GEO" dropdown (above the other dropdowns)
Here is what we have in mind: - The top level dropdowns will be converted from being links, themselves, to avoid navigating to a new page when someone on mobile clicks to open them - The search bar should be moved to the right of the dropdown links (on desktop), and on mobile will be paired in a row with the "Support GEO" dropdown (above the other dropdowns)
MegaKeegMan commented 2022-01-28 23:18:50 +00:00 (Migrated from gitlab.com)
Copy link

By the way, the above recommended change should fix the text from the dropdowns (and the search bar) floating off of the screen

By the way, the above recommended change should fix the text from the dropdowns (and the search bar) floating off of the screen
mlncn commented 2022-01-29 04:23:57 +00:00 (Migrated from gitlab.com)
Copy link

mentioned in issue #117

mentioned in issue #117
mlncn commented 2025-01-24 20:05:18 +00:00 (Migrated from gitlab.com)
Copy link

assigned to @mlncn

assigned to @mlncn
mlncn pinned this 2025-02-22 18:16:09 +00:00
mlncn commented 2025-02-22 18:36:25 +00:00
Owner
Copy link

Other issues here:

  • The main menu causes the site as a whole to have significant horizontal scroll on small screens
  • The page title block cases the site to have a small amount of horizontal scroll even with the main menu removed
Other issues here: - The main menu causes the site as a whole to have significant horizontal scroll on small screens - The page title block cases the site to have a small amount of horizontal scroll even with the main menu removed
Sign in to join this conversation.
No Branch/Tag specified
Branches Tags
main
drupal10-rebased
drupal10
master
12-comments
old-aug-left-on-local
No results found.
Labels
Clear labels   
A11y

Accessibility-related issues

  
Automated Testing

   
Contributable

Issues with work that can (potentially) be contributed back to Drupal or other FLOSS projects.

  
Contributed

Tag issues where we have contributed work back to FLOSS projects (replace Contributable tag; the Contributed tag can be removed once the contribution is recorded in a blog or something.

  
Decision

An issue that requires a decision be made.

  
Design

Issues that should include a UX/design work or review.

  
Development

   
Drutopia

Issues related to Drutopia features or infrastructure, or are potential Drutopia enhancements (with tag Contributable).

  
IndieWeb

Anything related to interlinking web sites in a broadly IndieWeb fashion, see https://indieweb.org/

  
Infrastructure

   
Launch Critical

Issue that must be done in time for launch.

  
Marketing

   
Needs documentation

When an issue has uncovered something that should be documented in a user guide or the project wiki or anywhere else outside the issue queue.

  
Post-Launch

An issue that needs to be completed, but can happen after launch.

  
status
Abandoned
An issue that has been abandoned and will not be completed.

  
status
Blocked
An issue that is blocked for a reason outside Agaric's control.

  
status
Deploy
An issue that has been tested and is ready to be deployed.

  
status
Doing

  
status
Done

  
status
In Review
An issue that has been completed and is ready for a code and/or design review.

  
status
Needs Clarification

  
status
Test
An issue that has been completed and is ready to be tested.

  
status
To Do
An issue that is an agreed priority and has all information needed to be completed.

  
type
Bug

  
type
Task

  
type
User Story

No labels
A11y
Automated Testing
Contributable
Contributed
Decision
Design
Development
Drutopia
IndieWeb
Infrastructure
Launch Critical
Marketing
Needs documentation
Post-Launch
status
Abandoned
status
Blocked
status
Deploy
status
Doing
status
Done
status
In Review
status
Needs Clarification
status
Test
status
To Do
type
Bug
type
Task
type
User Story
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
2 participants
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: geo/geo-coop#114
No description provided.
Delete branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?