Function updateGrid

youtube-dynamic-grid/youtube-dynamic-grid.user.js:449–478

* Updates the grid's elements-per-row attribute and CSS styles.

()

         * Updates the grid's elements-per-row attribute and CSS styles.
         */
        updateGrid() {
            if (this.updateTimeout) clearTimeout(this.updateTimeout)
            this.updateTimeout = setTimeout(() => {
                try {
                    const grid = document.querySelector(
                        'ytd-rich-grid-renderer:not([hidden])'
                    )
                    if (!grid) {
                        logger('No visible grid found')
                        return
                    }
                    const itemsPerRow = this.calculateItemsPerRow()
                    const currentItems = getComputedStyle(grid)
                        .getPropertyValue('--ytd-rich-grid-items-per-row')
                        .trim()
                    const currentAttr =
                        grid.getAttribute('elements-per-row') || 'unknown'
                    if (
                        currentItems !== String(itemsPerRow) ||
                        currentAttr !== String(itemsPerRow)
                    ) {
                        grid.setAttribute('elements-per-row', itemsPerRow)
                        this.updateCSS(itemsPerRow)
                        logger(`Updated grid to ${itemsPerRow} items`)
                    }
                } catch (error) {
                    logger(`Failed to update grid: ${error.message}`, 'error')
                }
            }, CONFIG.UPDATE_DELAY)
        },

        /**
         * Injects or updates the CSS style element for the grid.