diff --git a/resources/skins.vector.js/setupIntersectionObservers.js b/resources/skins.vector.js/setupIntersectionObservers.js index 55d6b1d83..8a7a6d65b 100644 --- a/resources/skins.vector.js/setupIntersectionObservers.js +++ b/resources/skins.vector.js/setupIntersectionObservers.js @@ -1,7 +1,5 @@ // Enable Vector features limited to ES6 browse const - limitedWidthToggle = require( './limitedWidthToggle.js' ), - searchToggle = require( './searchToggle.js' ), stickyHeader = require( './stickyHeader.js' ), scrollObserver = require( './scrollObserver.js' ), initExperiment = require( './AB.js' ), @@ -291,19 +289,6 @@ const setupTableOfContents = ( tocElement, bodyContent, initSectionObserverFn ) const main = () => { const isIntersectionObserverSupported = 'IntersectionObserver' in window; - limitedWidthToggle(); - // Initialize the search toggle for the main header only. The sticky header - // toggle is initialized after Codex search loads. - const searchToggleElement = document.querySelector( '.mw-header .search-toggle' ); - if ( searchToggleElement ) { - searchToggle( searchToggleElement ); - } - - // - // Pinnable elements - // - pinnableElement.initPinnableElement(); - // // Table of contents // diff --git a/resources/skins.vector.js/skin.js b/resources/skins.vector.js/skin.js index a4a7f6566..8e1b5c206 100644 --- a/resources/skins.vector.js/skin.js +++ b/resources/skins.vector.js/skin.js @@ -1,4 +1,7 @@ const languageButton = require( './languageButton.js' ), + limitedWidthToggle = require( './limitedWidthToggle.js' ), + pinnableElement = require( './pinnableElement.js' ), + searchToggle = require( './searchToggle.js' ), echo = require( './echo.js' ), initSearchLoader = require( './searchLoader.js' ).initSearchLoader, dropdownMenus = require( './dropdownMenus.js' ).dropdownMenus, @@ -78,6 +81,15 @@ function main( window ) { menuTabs(); addNamespacesGadgetSupport(); watchstar(); + limitedWidthToggle(); + // Initialize the search toggle for the main header only. The sticky header + // toggle is initialized after Codex search loads. + const searchToggleElement = document.querySelector( '.mw-header .search-toggle' ); + if ( searchToggleElement ) { + searchToggle( searchToggleElement ); + } + pinnableElement.initPinnableElement(); + // Initializes the TOC and sticky header, behaviour of which depend on scroll behaviour. setupIntersectionObservers.main(); }