wikimedia/mediawiki-skins-Vector
1
0
Fork 0
mirror of https://gerrit.wikimedia.org/r/mediawiki/skins/Vector.git synced 2024-11-12 01:09:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge "Ensure page load popupNotification is closed when the toggle button is clicked"

Browse source
This commit is contained in:
jenkins-bot 2023-05-03 21:49:39 +00:00 committed by Gerrit Code Review
parent dbf3931515 fef0ced503
commit 569c52799c
1 changed files with 7 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
resources/skins.vector.js/limitedWidthToggle.js
View file

@ -133,14 +133,18 @@ function addLimitedWidthPopup( container, message, onDismiss = () => {} ) {
`;
const popupFrag = document.createRange().createContextualFragment( popupTemplateString );
container.appendChild( popupFrag );
const closeButton = /** @type {HTMLElement} */ ( document.querySelector( '.vector-limited-width-popup-close-button' ) );
closeButton.addEventListener( 'click', () => {
const closePopup = () => {
const popup = /** @type {HTMLElement} */ ( document.querySelector( '.vector-limited-width-popup' ) );
if ( popup && popup.parentElement ) {
popup.parentElement.removeChild( popup );
}
onDismiss();
}, { once: true } );
};
const closeButton = /** @type {HTMLElement} */ ( document.querySelector( '.vector-limited-width-popup-close-button' ) );
closeButton.addEventListener( 'click', closePopup, { once: true } );
const toggle = /** @type {HTMLElement} */ ( document.querySelector( '.vector-limited-width-toggle' ) );
toggle.addEventListener( 'click', closePopup, { once: true } );
}
module.exports = init;