From c4af58d849b38f426cf68aee0655153414a8fd36 Mon Sep 17 00:00:00 2001
From: hyungi <ahn@hyungi.net>
Date: Mon, 17 Nov 2025 06:37:07 +0900
Subject: [PATCH] =?UTF-8?q?Fix:=20=EA=B4=80=EB=A6=AC=ED=95=A8=20=EB=82=A0?=
 =?UTF-8?q?=EC=A7=9C=EB=B3=84=20=EA=B7=B8=EB=A3=B9=EC=97=90=EC=84=9C=20?=
 =?UTF-8?q?=EC=9D=B4=EC=8A=88=EA=B0=80=20=EC=9E=98=EB=A6=AC=EB=8A=94=20?=
 =?UTF-8?q?=EB=AC=B8=EC=A0=9C=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- CSS max-height 제한으로 인한 내용 잘림 문제 해결
- collapse-content의 max-height를 1000px → none으로 변경
- 기본 상태를 펼쳐진 상태로 설정하여 모든 이슈 표시
- 날짜별 그룹 초기화 로직 추가
- 디버깅 로그 추가로 각 날짜 그룹의 이슈 개수 확인 가능

이제 완료된 이슈 3개가 모두 정상적으로 표시됩니다.
---
 frontend/issues-management.html | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/issues-management.html b/frontend/issues-management.html
index e6c05e4..c90fc4b 100644
--- a/frontend/issues-management.html
+++ b/frontend/issues-management.html
@@ -172,13 +172,14 @@
         }
         
         .collapse-content {
-            max-height: 1000px;
-            overflow: hidden;
+            max-height: none;
+            overflow: visible;
             transition: max-height 0.3s ease-out;
         }
         
         .collapse-content.collapsed {
             max-height: 0;
+            overflow: hidden;
         }
         
         /* 진행 중 카드 스타일 */
@@ -658,6 +659,8 @@
                 const issues = groupedByDate[date];
                 const groupId = `group-${date.replace(/\./g, '-')}`;
                 
+                console.log(`📅 날짜 그룹 [${date}]: ${issues.length}개 이슈`);
+                
                 return `
                     <div class="date-group">
                         <div class="date-header flex items-center justify-between p-3 bg-gray-50 rounded-lg" 
@@ -682,6 +685,18 @@
             }).join('');
 
             container.innerHTML = dateGroups;
+            
+            // 모든 날짜 그룹을 기본적으로 펼쳐진 상태로 초기화
+            Object.keys(groupedByDate).forEach(date => {
+                const groupId = `group-${date.replace(/\./g, '-')}`;
+                const content = document.getElementById(groupId);
+                const icon = document.getElementById(`icon-${groupId}`);
+                
+                if (content && icon) {
+                    content.classList.remove('collapsed');
+                    icon.style.transform = 'rotate(0deg)';
+                }
+            });
         }
 
         // 이슈 행 생성 함수