MediaWiki:Citizen.js

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
Opera: Press Ctrl-F5.

/* All JavaScript here will be loaded for users of the Citizen skin */
/* Current version of MediaWiki does not support ES6 */
mw.loader.using( [ 'mediawiki.util' ] ).done( function() {
	/* Trigger search box when click on the fake search button on main page */
	if ( mw.config.get( 'wgIsMainPage' ) === true ) {
		document.getElementById( 'citizen-search-trigger' ).addEventListener( 'click', function() {
			var search = document.getElementById( 'citizen-search-details' );
			// HACK: Force sticky header to be visible
            var isSearchHidden =
                document.body.classList.contains("citizen-scroll--down") &&
                window.matchMedia("(max-width: 1119px)");
            if (isSearchHidden) {
                document.body.classList.remove("citizen-scroll--down");
                document.body.classList.add("citizen-scroll--up");
            }
            // Citizen does not have a visible search bar, you need to expand the search card first
            // And Citizen will focus the input automatically
            search.open = true;
		} );
	}
} );