fix: CSS 우선순위 문제로 인한 로그인 화면 표시 문제 해결

🔍 Root Cause:
- AuthManager 완벽 작동 ( 캐시된 인증 정보 사용)
- DOM 조작 성공 ( 메인 화면으로 전환 완료)
- CSS 클래스 적용 성공 (loginScreen hidden: true, mainScreen hidden: false)
- 하지만 시각적으로 로그인 화면이 여전히 표시됨 → CSS 우선순위 문제

🔧 Solution:
- CSS 클래스와 인라인 스타일 모두 적용 (강제)
- loginScreen: classList.add('hidden') + style.display = 'none'
- mainScreen: classList.remove('hidden') + style.display = 'block'
- 로그인 폼과 앱 초기화 모두에 적용

🎯 Enhanced Debugging:
- 인라인 스타일 적용 상태 로그 추가
- CSS 클래스와 display 속성 모두 확인
- 강제 스타일 적용 완료 메시지

Expected Result:
 로그인 화면 완전 숨김 (CSS 우선순위 무시)
 메인 화면 강제 표시
 시각적 문제 완전 해결
This commit is contained in:
Hyungi Ahn
2025-10-25 12:33:48 +09:00
parent f9160f9bd1
commit b899567638

View File

@@ -591,11 +591,18 @@
console.log('mainScreen 요소:', !!mainScreen);
if (loginScreen && mainScreen) {
// CSS 클래스와 인라인 스타일 모두 적용 (강제)
loginScreen.classList.add('hidden');
loginScreen.style.display = 'none';
mainScreen.classList.remove('hidden');
console.log('✅ 메인 화면으로 전환 완료');
mainScreen.style.display = 'block';
console.log('✅ 메인 화면으로 전환 완료 (강제 스타일 적용)');
console.log('loginScreen hidden:', loginScreen.classList.contains('hidden'));
console.log('loginScreen display:', loginScreen.style.display);
console.log('mainScreen hidden:', mainScreen.classList.contains('hidden'));
console.log('mainScreen display:', mainScreen.style.display);
} else {
console.error('❌ 화면 요소를 찾을 수 없음');
}
@@ -639,9 +646,17 @@
await window.commonHeader.init(currentUser, 'issues_create');
}
// 메인 화면 표시
document.getElementById('loginScreen').classList.add('hidden');
document.getElementById('mainScreen').classList.remove('hidden');
// 메인 화면 표시 (강제 스타일 적용)
const loginScreen = document.getElementById('loginScreen');
const mainScreen = document.getElementById('mainScreen');
loginScreen.classList.add('hidden');
loginScreen.style.display = 'none';
mainScreen.classList.remove('hidden');
mainScreen.style.display = 'block';
console.log('✅ 로그인 후 메인 화면 전환 완료');
// 데이터 로드
await loadProjects();