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:
@@ -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();
|
||||
|
||||
Reference in New Issue
Block a user