first commit

main.js

@@ -0,0 +1,34 @@
+let primaryTarget, primaryStyle, playerTarget, playerHeight, playerInterval
+
+window.addEventListener('load', (event) => {
+	console.log('YouTube - Scrollable Playlist: Loading')
+
+	playerInterval = setInterval(() => {
+		primaryTarget = document.querySelector("#primary")
+		playerTarget = primaryTarget?.querySelector("#player")
+
+		if(playerTarget) {
+			console.log('YouTube - Scrollable Playlist: playerTarget -->', playerTarget)
+			clearInterval(playerInterval);
+			load();
+
+			window.addEventListener('resize', function(event) {
+				load();
+			}, true);
+		}
+	}, 100);
+});
+
+function load() {
+	primaryTarget = document.querySelector("#primary")
+	primaryStyle = primaryTarget.currentStyle || window.getComputedStyle(primaryTarget)
+
+	playerTarget = primaryTarget.querySelector("#player")
+	playerHeight = playerTarget.offsetHeight
+
+	let secondaryTarget = document.querySelector("#secondary")
+	secondaryTarget.style.height = `${playerHeight + parseInt(primaryStyle.paddingTop)}px`
+	secondaryTarget.style.overflow = `auto`
+
+	console.log('YouTube - Scrollable Playlist: Loaded')
+}

manifest.json

@@ -0,0 +1,13 @@
+{
+  "manifest_version": 3,
+  "name": "YouTube - Scrollable Playlist",
+  "description": "It'll make playlist scrollable for: https://www.youtube.com/",
+  "version": "1.0.0",
+  "icons": { "128": "logo_128.png" },
+  "content_scripts": [
+    {
+      "matches": ["*://www.youtube.com/*", "*://youtube.com/*"],
+      "js": ["jquery.min.js", "main.js"]
+    }
+  ]
+}

readme.md

@@ -0,0 +1,7 @@
+# Instruction:
+	- Visit: chrome://extensions/
+	- Enable Developer mode ==o
+	- Click [Load unpacked] button
+	- Select extracted folder
+	- Extension: "YouTube Scrollable Playlist" should be listed
+	- You can always disable this from extesion detials