MediaWiki:Citizen.js - Revision history

TickoGrey at 22:33, 4 April 2026

2026-04-04T22:33:27Z

← Older revision		Revision as of 22:33, 4 April 2026
Line 6:		Line 6:
	if (trigger) {		if (trigger) {
	trigger.addEventListener('click', function () {		trigger.addEventListener('click', function () {
			document.dispatchEvent(new KeyboardEvent('keydown', {
	~~var input =~~ document.~~querySelector~~('~~input[type="search"]~~, ~~#searchInput~~');		key: '/',
			code: 'Slash',
	~~if (input) {~~		keyCode: 191,
	~~input.focus(~~);		which: 191,
	~~input.click(~~); ~~// sometimes needed for Citizen JS to kick in~~		bubbles: true
	}		}));
	});		});
	}		}
	});		});

TickoGrey at 22:32, 4 April 2026

2026-04-04T22:32:38Z

← Older revision		Revision as of 22:32, 4 April 2026
Line 2:		Line 2:

	mw.loader.using(['mediawiki.util']).done(function () {		mw.loader.using(['mediawiki.util']).done(function () {
	var trigger = document.getElementById('citizen-~~dropdown~~-~~details~~');		var trigger = document.getElementById('citizen-search-trigger');

	if (trigger) {		if (trigger) {
	trigger.addEventListener('click', function () {		trigger.addEventListener('click', function () {
	~~var realButton = document.querySelector('.citizen-search__button, .citizen-header__search-toggle');~~

	if (~~realButton~~) {		var input = document.querySelector('input[type="search"], #searchInput');
	~~realButton~~.click();
			if (input) {
			input.focus();
			input.click(); // sometimes needed for Citizen JS to kick in
	}		}
	});		});
	}		}
	});		});

TickoGrey at 22:31, 4 April 2026

2026-04-04T22:31:05Z

← Older revision		Revision as of 22:31, 4 April 2026
Line 2:		Line 2:

	mw.loader.using(['mediawiki.util']).done(function () {		mw.loader.using(['mediawiki.util']).done(function () {
	var trigger = document.getElementById('citizen-~~search~~-~~trigger~~');		var trigger = document.getElementById('citizen-dropdown-details');

	if (trigger) {		if (trigger) {

TickoGrey at 22:28, 4 April 2026

2026-04-04T22:28:57Z

← Older revision		Revision as of 22:28, 4 April 2026
Line 1:		Line 1:
	/* All JavaScript here will be loaded for users of the Citizen skin */		/* 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 () {		mw.loader.using(['mediawiki.util']).done(function () {
	~~/* Open the search <details> element when clicking the fake search button on main page */~~		var trigger = document.getElementById('citizen-search-trigger');
	var ~~searchTrigger~~ = document.getElementById('citizen-search-trigger');
	if (~~searchTrigger~~) {		if (trigger) {
	~~searchTrigger~~.addEventListener('click', function () {		trigger.addEventListener('click', function () {
	var ~~search~~ = document.~~getElementById~~('citizen-~~search~~-~~details~~');		var realButton = document.querySelector('.citizen-search__button, .citizen-header__search-toggle');
	if (~~search~~) {
	~~search~~.~~open = true~~; ~~// Properly open the <details> element~~		if (realButton) {
			realButton.click();
	}		}
	});		});
	}		}
	});		});

TickoGrey: Created page with "/* 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 () { / Open the search
element when clicking the fake search button on main page */ var searchTrigger = document.getElementById('citizen-search-trigger'); if (searchTrigger) { searchTrigger.addEventListener('click', function () { var search = document.getElementById('citizen-se..."

2026-04-04T22:24:12Z

Created page with "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 () { Open the search <details> element when clicking the fake search button on main page: var searchTrigger = document.getElementById('citizen-search-trigger'); if (searchTrigger) { searchTrigger.addEventListener('click', function () { var search = document.getElementById('citizen-se..."

New page

/* 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 () {
/* Open the search <details> element when clicking the fake search button on main page */
var searchTrigger = document.getElementById('citizen-search-trigger');
if (searchTrigger) {
searchTrigger.addEventListener('click', function () {
var search = document.getElementById('citizen-search-details');
if (search) {
search.open = true; // Properly open the <details> element
}
});
}
});