☰

Hide YouTube Shorts Shelf in the video detailed page

Hides the YouTube Shorts shelf by setting display to none and height to zero

// ==UserScript==
// @name         Hide YouTube Shorts Shelf in the video detailed page
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Hides the YouTube Shorts shelf by setting display to none and height to zero
// @author       aspen138
// @match        *://www.youtube.com/*
// @grant        none
// @run-at       document-end
// @icon         https://www.youtube.com/favicon.ico
// @license      MIT
// ==/UserScript==

(function() {
    'use strict';

    // Function to hide the Shorts shelf
    function hideShortsShelf() {
        // Select the Shorts shelf element
        const shortsShelf = document.querySelector('ytd-reel-shelf-renderer');

        if (shortsShelf) {
            // Apply styles to hide the element
            shortsShelf.style.setProperty('display', 'none', 'important');
            shortsShelf.style.setProperty('height', '0', 'important');
            console.log('YouTube Shorts shelf has been hidden.');
        }
    }

    // Initial attempt to hide the Shorts shelf
    hideShortsShelf();

    // Observe changes in the DOM to hide the Shorts shelf if it loads later
    const observer = new MutationObserver((mutations) => {
        for (let mutation of mutations) {
            if (mutation.addedNodes.length) {
                hideShortsShelf();
            }
        }
    });

    // Start observing the body for added nodes
    observer.observe(document.body, { childList: true, subtree: true });

})();