diff --git a/twinkle.js b/twinkle.js index 9aa0953a6..489214a21 100644 --- a/twinkle.js +++ b/twinkle.js @@ -270,14 +270,15 @@ Twinkle.addPortlet = function(navigation, id, text, type, nextnodeid) { var portlet = mw.util.addPortlet(id, text, '#' + nextnodeid); - // The Twinkle dropdown menu has been added to the left of p-cactions. Move it to the right. + // The Twinkle dropdown menu has been added to the left of p-cactions, since that is the only spot that will create a dropdown menu. But we want it on the right. Move it to the right. if (mw.config.get('skin') === 'vector') { $('#p-twinkle').insertAfter('#p-cactions'); } else if (mw.config.get('skin') === 'vector-2022') { - $('#p-twinkle-dropdown').appendTo('.vector-page-tools-landmark'); + var $landmark = $('#right-navigation > .vector-page-tools-landmark'); + $('#p-twinkle-dropdown').insertAfter($landmark); // .vector-page-tools-landmark is unstable and could change. If so, log it to console, to hopefully get someone's attention. - if (!document.querySelector('.vector-page-tools-landmark')) { + if (!$landmark) { mw.log.warn('Unexpected change in DOM'); } }