Gentoo Websites Logo
Go to: Gentoo Home Documentation Forums Lists Bugs Planet Store Wiki Get Gentoo!
Bug 533714 - Navigation broken without javascript on the Gentoo Wiki
Summary: Navigation broken without javascript on the Gentoo Wiki
Status: CONFIRMED
Alias: None
Product: Websites
Classification: Unclassified
Component: Wiki (show other bugs)
Hardware: All All
: Normal normal with 2 votes (vote)
Assignee: Gentoo Wiki Team
URL: http://wiki.gentoo.org
Whiteboard:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-12-28 00:29 UTC by Guillaume Ferrero
Modified: 2024-02-05 06:31 UTC (History)
6 users (show)

See Also:
Package list:
Runtime testing required: ---


Attachments

Note You need to log in before you can comment on or make changes to this bug.
Description Guillaume Ferrero 2014-12-28 00:29:48 UTC
Most of the navigation menu on the Gentoo Wiki (present on all pages) is broken on browsers having full stylesheet support but no javascript support. Specifically, this affects the drop down menus (e.g. "User", "more"). This hinders access to many fundamental features, such as user login and page history, except when knowing the full URL in advance.

This problem appeared with the introduction of the "Tyrian" MediaWiki theme.

Tested on Firefox 24.8.0 and Seamonkey 2.31 with javascript disabled.
Comment 1 Ben de Groot (RETIRED) gentoo-dev 2014-12-28 12:47:42 UTC
I was not able to confirm this on QupZilla with javascript disabled. But I do support the modern web standards notion that javascript should purely be used for enhancement, and never be essential for navigation.
Comment 2 Guillaume Ferrero 2014-12-29 01:51:33 UTC
I can confirm that this does not seem to affect QupZilla 1.8.4 with javascript disabled.
Comment 3 Guillaume Ferrero 2014-12-29 01:55:25 UTC
Please disregard my previous comment, it DOES affect it after restarting the browser.
Comment 4 Ulrich Müller gentoo-dev 2016-02-06 09:27:06 UTC
I can confirm that this is also an issue with Firefox (38.6.0) and javascript.enabled=false.
Especially, "Log in" and "History" are not accessible.
Comment 5 David M 2024-02-05 06:31:10 UTC
I could *kind of* implement dropdowns without JavaScript, using the newish `<details>` element. The caveat is that most people expect a dropdown to close when they click/tap outside the element, but `<detail>` elements don’t do that. 

There’s also a hacky CSS-only method using `:focus-within` and `:hover`, but that method tends to be too touchy for comfort. One wrong tap or mouse move and the whole thing closes on you. 

Would one of those be an acceptable fallback, or are people looking for an even lower-tech solution?