Problem

The navigational menu uses Bootstrap dropdowns for a lot of its items. However, these don't work when Javascript is disabled.

Submenu's won't open but the main menu item also doesn't link anywhere. This makes navigation difficult on most sites.

The elements such as "Add Content" and "Notifications" as well as the profile icon also don't do anything when clicking on them. Although they have submenu's that may not work without javascript. You should at least be redirected to a page from which you can achieve the same actions (e.g. "Add Content Page", "Notification Center", "My Profile" respectively).

Solution

Ensure that the items on the navigation bar have proper link fallbacks when Javascript is disabled.

Comments

Kingdutch created an issue. See original summary.

jaapjan’s picture

Title: The navigation (header) menu bar doesn't work without javascript » The navigation (header) menu bar should work without javascript
Category: Bug report » Task
agamich’s picture

Status: Active » Needs review
agamich’s picture

Version: 8.x-4.x-dev » 8.x-6.x-dev

I've moved changes from 8.x-4.x to 8.x-6.x.
PR: https://github.com/goalgorilla/open_social/pull/1365

ronaldtebrake’s picture

Status: Needs review » Fixed

Thanks, merged this PR :)

  • 0857c1b committed on 8.x-6.x
    Issue #3029695 by agami4: Open navigation menu on focus and hover...
  • Agami4 committed 94bc635 on 8.x-6.x
    Issue #3029695 by agami4: Add "Search" text as invisible for...
  • ronaldtebrake authored c6d9287 on 8.x-6.x
    Merge pull request #1365 from goalgorilla/feature/3029695-navigation-...

  • c2e5a3b committed on 8.x-6.x
    Issue #3055164 by jaapjan, ronaldtebrake, xinyuma: Flexible Group Type...

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.