From 638b321fabf5c048e09300d2ae10150410ed15c8 Mon Sep 17 00:00:00 2001
From: WardPearce <wardpearce@pm.me>
Date: Fri, 4 Apr 2025 16:05:31 +1300
Subject: [PATCH] Fixed comments and desc not letting u collapse them

---
 .../routes/(app)/watch/[slug]/+page.svelte    | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/materialious/src/routes/(app)/watch/[slug]/+page.svelte b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
index cfcb6941..15de46ca 100644
--- a/materialious/src/routes/(app)/watch/[slug]/+page.svelte
+++ b/materialious/src/routes/(app)/watch/[slug]/+page.svelte
@@ -74,6 +74,15 @@
 
 	let playerCurrentTime: number = $state(0);
 
+	$effect(() => {
+		if ($interfaceAutoExpandComments && comments) {
+			const commentSectionElement = document.getElementById('comment-section');
+			if (commentSectionElement) {
+				commentSectionElement.click();
+			}
+		}
+	});
+
 	playlistSettingsStore.subscribe((playlistSetting) => {
 		if (!data.playlistId) return;
 		if (data.playlistId in playlistSetting) {
@@ -214,6 +223,13 @@
 	});
 
 	onMount(async () => {
+		if ($interfaceAutoExpandDesc) {
+			const descriptionElement = document.getElementById('description');
+			if (descriptionElement) {
+				descriptionElement.click();
+			}
+		}
+
 		if ($syncPartyConnectionsStore) {
 			$syncPartyConnectionsStore.forEach((conn) => {
 				playerSyncEvents(conn);
@@ -562,8 +578,8 @@
 		</div>
 
 		<article>
-			<details open={$interfaceAutoExpandDesc}>
-				<summary class="bold none">
+			<details>
+				<summary id="description" class="bold none">
 					<nav>
 						<div class="max">
 							{numberWithCommas(data.video.viewCount)} views • {data.video.publishedText}
@@ -606,8 +622,8 @@
 
 		{#if comments && comments.comments.length > 0}
 			<article>
-				<details open={$interfaceAutoExpandComments}>
-					<summary class="none bold">
+				<details>
+					<summary id="comment-section" class="none bold">
 						<nav>
 							<div class="max">{numberWithCommas(comments.commentCount)} comments</div>
 							<i>expand_more</i>