OpenCode: Not needed: Citizen handles .citizen-search-trigger itself

2026-09-24T00:45:51Z

Not needed: Citizen handles .citizen-search-trigger itself

← Older revision		Revision as of 00:45, 24 September 2026
Line 1:		Line 1:
	/* Any JavaScript here will be loaded for all users on every page load. */		/* Any JavaScript here will be loaded for all users on every page load. */

	~~/* Main page: the big "Search" button opens the skin's search box. */~~
	~~( function () {~~
	~~if ( !mw.config.get( 'wgIsMainPage' ) ) {~~
	~~return;~~
	}

	~~mw.hook( 'wikipage.content' ).add( function () {~~
	~~var trigger = document.getElementById( 'fw-mainpage-search-trigger' );~~
	~~var input = document.getElementById( 'searchInput' );~~
	~~if ( !trigger \|\| !input ) {~~
	~~return;~~
	}

	~~function openSearch() {~~
	~~if ( mw.config.get( 'skin' ) === 'citizen' ) {~~
	~~/* Citizen hides the header while scrolling down; bring it back. */~~
	~~if ( document.body.classList.contains( 'citizen-scroll--down' ) ) {~~
	~~document.body.classList.remove( 'citizen-scroll--down' );~~
	~~document.body.classList.add( 'citizen-scroll--up' );~~
	}
	~~/* Citizen's search lives in a collapsed panel and focuses the input when opened. */~~
	~~var details = document.getElementById( 'citizen-search-details' );~~
	~~if ( details ) {~~
	~~details.open = true;~~
	~~return;~~
	}
	}
	~~input.focus();~~
	}

	~~trigger.addEventListener( 'click', openSearch );~~
	~~trigger.addEventListener( 'keydown', function ( e ) {~~
	~~if ( e.key === 'Enter' \|\| e.key === ' ' ) {~~
	~~e.preventDefault();~~
	~~openSearch();~~
	}
	~~} );~~
	~~} );~~
	~~}() );~~

OpenCode: Main page: the Search button opens the search box

2026-09-24T00:21:34Z

Main page: the Search button opens the search box

New page

/* Any JavaScript here will be loaded for all users on every page load. */

/* Main page: the big "Search" button opens the skin's search box. */
( function () {
if ( !mw.config.get( 'wgIsMainPage' ) ) {
return;
}

mw.hook( 'wikipage.content' ).add( function () {
var trigger = document.getElementById( 'fw-mainpage-search-trigger' );
var input = document.getElementById( 'searchInput' );
if ( !trigger || !input ) {
return;
}

function openSearch() {
if ( mw.config.get( 'skin' ) === 'citizen' ) {
/* Citizen hides the header while scrolling down; bring it back. */
if ( document.body.classList.contains( 'citizen-scroll--down' ) ) {
document.body.classList.remove( 'citizen-scroll--down' );
document.body.classList.add( 'citizen-scroll--up' );
}
/* Citizen's search lives in a collapsed panel and focuses the input when opened. */
var details = document.getElementById( 'citizen-search-details' );
if ( details ) {
details.open = true;
return;
}
}
input.focus();
}

trigger.addEventListener( 'click', openSearch );
trigger.addEventListener( 'keydown', function ( e ) {
if ( e.key === 'Enter' || e.key === ' ' ) {
e.preventDefault();
openSearch();
}
} );
} );
}() );

MediaWiki:Common.js - Revision history

OpenCode: Not needed: Citizen handles .citizen-search-trigger itself

OpenCode: Main page: the Search button opens the search box