hot fix

Author: hamlsy

src/features/game/multiplayer/chat/components/Lobby/ChatWindow.vue

@@ -62,7 +62,11 @@
           type="text" 
           v-model="newMessage" 
           placeholder="메시지를 입력하세요..." 
-          @keyup.enter="sendMessage"
+          @keydown.stop
+          @keydown.enter="sendMessage"
+          @focus="handleInputFocus"
+          @blur="handleInputBlur"
+          ref="chatInput"
         />
         <button 
           class="send-button" 
@@ -109,7 +113,8 @@ export default {
     return {
       newMessage: '',
       onlineUsers: 37, // 테스트 데이터, 실제로는 서버에서 받아와야 함
-      currentMemberId: null
+      currentMemberId: null,
+      isInputFocused: false
     };
   },
   
@@ -159,6 +164,14 @@ export default {
       this.newMessage = '';
     },
     
+    handleInputFocus() {
+      this.isInputFocused = true;
+    },
+    
+    handleInputBlur() {
+      this.isInputFocused = false;
+    },
+    
     closeChat() {
       this.$emit('close');
     },

src/features/game/multiplayer/roadview/components/results/RoundResults.vue

@@ -508,12 +508,12 @@ export default {
 
     // 거리 포맷팅 메서드 (소수점 3자리에서 반올림)
     formatDistance(distance) {
-      if (distance == null || (distance !== 0 && !distance)) return "0";
+      if (distance == null || (distance !== 0 && !distance)) return "0.000";
       // 소수점 3자리에서 반올림: 소수점 4자리에서 반올림하여 소수점 3자리까지 표시
       // 예: 1.23456 -> 1.235, 1.23444 -> 1.234
       const rounded = Math.round(Number(distance) * 1000) / 1000;
-      // 소수점 3자리까지 표시 (불필요한 0은 자동 제거됨)
-      return parseFloat(rounded.toFixed(3));
+      // 소수점 3자리까지 항상 표시 (toFixed(3) 사용)
+      return rounded.toFixed(3);
     },
   },
 };

src/features/game/multiplayer/roadview/composables/useSoloGameFlow.js

@@ -911,33 +911,37 @@ export function useSoloGameFlow(gameStore, uiCallbacks = {}) {
 
     if (!gameStore) return
 
+    // playerResults가 없거나 빈 배열이면 콜백을 호출하지 않음
+    if (!message.playerResults || !Array.isArray(message.playerResults) || message.playerResults.length === 0) {
+      console.warn('[Solo Flow] 게임 종료 메시지에 playerResults가 없거나 빈 배열임, 콜백 호출하지 않음')
+      return
+    }
+
     // 모든 타이머 정리
     clearTimerInterval()
     clearTransitionInterval()
 
     // 백엔드에서 받은 최종 결과 데이터 매핑 (gameStore에 저장하지 않고 콜백으로 전달)
-    let finalGameResult = null
-    if (message.playerResults && Array.isArray(message.playerResults)) {
-      // PlayerFinalResult를 게임 결과 형식에 맞게 매핑
-      const playerResults = message.playerResults.map(player => ({
-        playerId: player.playerId,
-        nickname: player.nickname || '알 수 없음',
-        markerImageUrl: player.markerImageUrl || null,
-        totalScore: player.totalScore != null ? Number(player.totalScore) : 0,
-        finalRank: player.finalRank != null ? Number(player.finalRank) : 0,
-        earnedPoint: player.earnedPoint != null ? Number(player.earnedPoint) : 0
-      }))
-
-      finalGameResult = {
-        gameId: message.gameId != null ? Number(message.gameId) : null,
-        message: message.message || '',
-        timestamp: message.timestamp != null ? Number(message.timestamp) : Date.now(),
-        playerResults: playerResults
-      }
+    // playerResults가 유효한 경우에만 finalGameResult 생성
+    const playerResults = message.playerResults.map(player => ({
+      playerId: player.playerId,
+      nickname: player.nickname || '알 수 없음',
+      markerImageUrl: player.markerImageUrl || null,
+      totalScore: player.totalScore != null ? Number(player.totalScore) : 0,
+      finalRank: player.finalRank != null ? Number(player.finalRank) : 0,
+      earnedPoint: player.earnedPoint != null ? Number(player.earnedPoint) : 0
+    }))
+
+    const finalGameResult = {
+      gameId: message.gameId != null ? Number(message.gameId) : null,
+      message: message.message || '',
+      timestamp: message.timestamp != null ? Number(message.timestamp) : Date.now(),
+      playerResults: playerResults
     }
 
     // UI 콜백: 게임 종료 화면 표시 (finalGameResult 데이터 전달)
-    if (callbacks.onGameFinish) {
+    // finalGameResult가 null이 아니고 playerResults가 있는 경우에만 호출
+    if (callbacks.onGameFinish && finalGameResult) {
       callbacks.onGameFinish(finalGameResult)
     }
   }

src/features/game/multiplayer/roadview/views/SoloGameView.vue

@@ -685,15 +685,23 @@ export default {
         onGameFinish: (finalGameResult) => {
           console.log('[Solo Game] 게임 종료 - WebSocket 메시지 수신:', finalGameResult)
           
-          // WebSocket으로 받은 게임 종료 메시지 데이터를 로컬 데이터에 저장
-          if (finalGameResult) {
-            this.finalGameResult = finalGameResult
-            this.showGameResults = true
-            console.log('[Solo Game] 게임 결과 모달 표시:', finalGameResult)
-          } else {
+          // finalGameResult가 null이거나 빈 객체인 경우 무시
+          if (!finalGameResult || typeof finalGameResult !== 'object') {
             console.warn('[Solo Game] 게임 종료 메시지에 finalGameResult 데이터가 없음')
+            return
+          }
+          
+          // playerResults가 없거나 빈 배열이면 무시
+          if (!finalGameResult.playerResults || !Array.isArray(finalGameResult.playerResults) || finalGameResult.playerResults.length === 0) {
+            console.warn('[Solo Game] 게임 종료 메시지에 playerResults가 없거나 빈 배열임')
+            return
           }
           
+          // WebSocket으로 받은 게임 종료 메시지 데이터를 로컬 데이터에 저장
+          this.finalGameResult = finalGameResult
+          this.showGameResults = true
+          console.log('[Solo Game] 게임 결과 모달 표시:', finalGameResult)
+          
           // 총 게임 시간 계산
           if (this.gameStartTime) {
             this.totalGameTime = Math.floor((Date.now() - this.gameStartTime) / 1000)

src/features/game/multiplayer/room/views/RoomView.vue

@@ -496,14 +496,20 @@ const isChatVisible = ref(false);
 const chatInputFieldRef = ref(null);
 
 // 화면 크기 감지
-const checkScreenSize = () => {
+const checkScreenSize = (preserveChatState = false) => {
   isMobileView.value = window.innerWidth <= 1024;
-  if (!isMobileView.value) {
-    isChatVisible.value = true; // 데스크톱에서는 항상 채팅 표시
-  } else {
-    // 반응형 전환 시 기본은 플레이어 리스트 화면이 먼저 보이도록 채팅 숨김
-    isChatVisible.value = false;
+  
+  // 리사이즈 이벤트로 인한 호출이 아닌 경우에만 채팅창 상태 초기화
+  if (!preserveChatState) {
+    if (!isMobileView.value) {
+      isChatVisible.value = true; // 데스크톱에서는 항상 채팅 표시
+    } else {
+      // 반응형 전환 시 기본은 플레이어 리스트 화면이 먼저 보이도록 채팅 숨김
+      isChatVisible.value = false;
+    }
   }
+  // preserveChatState가 true인 경우 (리사이즈 이벤트)에는 채팅창 상태를 변경하지 않음
+  // 이렇게 하면 모바일에서 키보드로 인한 뷰포트 변경 시에도 채팅창이 닫히지 않음
 };
 
 // 채팅 토글 래퍼 함수
@@ -520,13 +526,9 @@ const handleChatInputFocus = () => {
   }
 
   nextTick(() => {
+    // 채팅 메시지 영역의 스크롤만 조정 (레이아웃 재계산 방지)
     scrollChatToBottom();
-    if (chatInputFieldRef.value) {
-      chatInputFieldRef.value.scrollIntoView({
-        behavior: 'smooth',
-        block: 'nearest'
-      });
-    }
+    // scrollIntoView 제거: 키보드 포커스 시 모달 위치 변경 방지
   });
 };
 
@@ -577,7 +579,7 @@ const handleBeforeUnload = (event) => {
 
 onMounted(async () => {
   checkScreenSize();
-  window.addEventListener('resize', checkScreenSize);
+  window.addEventListener('resize', () => checkScreenSize(true));
   
   // 강제 종료 감지를 위한 beforeunload 이벤트 리스너 추가
   window.addEventListener('beforeunload', handleBeforeUnload);
@@ -1157,6 +1159,7 @@ const formatUpdateTime = (timestamp) => {
   .room-content {
     flex-direction: column;
     gap: 1rem;
+    position: relative;
   }
 
   .left-panel {
@@ -1182,21 +1185,22 @@ const formatUpdateTime = (timestamp) => {
 
   /* 모바일에서 채팅이 표시될 때 전체 화면 */
   .right-panel:not(.hidden-mobile) {
-    position: fixed;
+    position: absolute;
     top: 0;
     left: 0;
     right: 0;
-    bottom: 0;
+    height: 100%;
     z-index: 1000;
     background: rgba(0, 0, 0, 0.5);
     padding: 1rem;
-    min-height: 100vh;
+    transform: translateX(0);
   }
 
   .right-panel:not(.hidden-mobile) .chat-panel {
     max-width: 500px;
-    margin: 0 auto;
+    width: 100%;
     height: 100%;
+    margin: 0 auto;
   }
 }