MediaWiki:Common.js - Revision history

EvilGM: Add accessible toggle for page tools sidebar

2026-09-09T11:56:45Z

Add accessible toggle for page tools sidebar

New page

(function () {
'use strict';

function makePageToolsCollapsible() {
var portlet = document.getElementById('p-pagemisc');
var heading = document.getElementById('p-pagemisc-label');
var body;
var button;

if (!portlet || !heading || portlet.classList.contains('gd-collapsible')) {
return;
}

body = portlet.querySelector('.mw-portlet-body');
if (!body) {
return;
}

body.id = 'p-pagemisc-body';
body.hidden = true;

button = document.createElement('button');
button.type = 'button';
button.className = 'gd-portlet-toggle';
button.setAttribute('aria-controls', body.id);
button.setAttribute('aria-expanded', 'false');
button.textContent = heading.textContent.trim();
button.addEventListener('click', function () {
var expanded = button.getAttribute('aria-expanded') === 'true';
button.setAttribute('aria-expanded', expanded ? 'false' : 'true');
body.hidden = expanded;
});

heading.textContent = '';
heading.appendChild(button);
portlet.classList.add('gd-collapsible');
}

if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', makePageToolsCollapsible);
} else {
makePageToolsCollapsible();
}
}());