Page MenuHomePhabricator

Mobile menus need nojs fallback
Closed, ResolvedPublic

Description

Mobile menus currently only render with js. Given unusually high mobile breakpoints, this is particularly not good.

Event Timeline

FYI In Vector and Minerva we use a checkbox hack for the menus. We've been meaning to consolidate the associated CSS code as a core module.

Take a look at their code and let me know if something in core based on them would help this.

FYI In Vector and Minerva we use a checkbox hack for the menus. We've been meaning to consolidate the associated CSS code as a core module.

I thought the purpose of the checkboxes was so there'd be accessible toggles for folks not using normal input (mouse/touch), and the like, js or otherwise? Unfortunately I don't really understand it, so I have a bunch of skins here that just don't support this use case I can't figure out how to replicate to begin with... is there, like, some actual documentation/guidelines on this somewhere?

Change 673645 had a related patch set uploaded (by Isarra; owner: Isarra):
[mediawiki/skins/GreyStuff@master] Implement nojs menus for mobile

https://gerrit.wikimedia.org/r/673645

Change 673645 merged by jenkins-bot:
[mediawiki/skins/GreyStuff@master] Implement nojs menus for mobile

https://gerrit.wikimedia.org/r/673645

Isarra claimed this task.

No documentation I'm afraid - just code examples in the Pandora, Minerva and Vector skins.