MediaWiki:Common.js

function attachModifiedClickHandler(element) {
    const eventsData = $._data(element, 'events');
    const handlers = eventsData && eventsData.click;
    
    if (handlers && handlers.length > 0) {
        const originalHandler = handlers[0].handler;

        // Properly detach and reattach the click handler using jQuery
        $(element).off('click').on('click', function(event) {
            event.stopPropagation();
            originalHandler.call(this, event);
        });

        // Use native JavaScript to add the fix class
        element.classList.add('FixCatTreeClick');
    }
}

addOnloadHook(function() {
    const observer = new MutationObserver((mutations) => {
        mutations.forEach((mutation) => {
            const target = mutation.target;

            // Check if the element has the specified class and has not already been processed
            if (
                mutation.attributeName === 'class' &&
                target.classList.contains('CategoryTreeToggleHandlerAttached') &&
                !target.classList.contains('FixCatTreeClick')
            ) {
                attachModifiedClickHandler(target);
            } else if (target && mutation.attributeName == null) {
                target.querySelectorAll(".CategoryTreeToggle.CategoryTreeToggleHandlerAttached:not(.FixCatTreeClick)").forEach((e) => attachModifiedClickHandler(e));
            }
        });
    });

    // Observe changes to attributes, specifically the 'class' attribute, throughout the document
    observer.observe(document.body, {
        childList: true,
        attributes: true,
        attributeFilter: ['class'],
        subtree: true
    });
});