From 157128543be8b3da40fdebe6d23838787e7de82c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EB=AC=B8=EC=A7=84=ED=98=81?= <octopus121@naver.com>
Date: Thu, 21 May 2026 12:04:04 +0900
Subject: [PATCH] =?UTF-8?q?#646=20=EC=96=B8=EC=96=B4=20=EC=84=A0=ED=83=9D?=
 =?UTF-8?q?=20=EB=93=9C=EB=A1=AD=EB=8B=A4=EC=9A=B4=20=EC=9C=84=EC=97=90=20?=
 =?UTF-8?q?=ED=88=B4=ED=8C=81=20=EA=B2=B9=EC=B9=A8=20=ED=98=84=EC=83=81=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

NavBar의 z-index(1000)보다 iView 툴팁의 z-index가 낮아
언어 선택 드롭다운 메뉴를 열었을 때 "언어 선택" 툴팁이
드롭다운 메뉴 위에 겹쳐 보이는 문제가 있었습니다.

Tooltip에 transfer 옵션을 추가하여 툴팁을 body에 직접
렌더링하도록 변경하고, iView 드롭다운 메뉴의 z-index를
1100으로 올려 navbar보다 항상 위에 표시되도록 수정했습니다.
---
 .../problemSolvingComponent/CodeEditorHeader.vue              | 2 +-
 frontend/src/styles/iview-custom.less                         | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/oj/views/problem/problemSolving/problemSolvingComponent/CodeEditorHeader.vue b/frontend/src/pages/oj/views/problem/problemSolving/problemSolvingComponent/CodeEditorHeader.vue
index 49e8950c9..79e0495a3 100644
--- a/frontend/src/pages/oj/views/problem/problemSolving/problemSolvingComponent/CodeEditorHeader.vue
+++ b/frontend/src/pages/oj/views/problem/problemSolving/problemSolvingComponent/CodeEditorHeader.vue
@@ -12,7 +12,7 @@
         gap: 10px;
       "
     >
-      <Tooltip :content="'언어 선택'" placement="top">
+      <Tooltip :content="'언어 선택'" placement="top" :transfer="true">
         <Dropdown @on-click="changeLanguage" trigger="click" class="dropdown">
           <span
             style="font-size: 13px; padding-right: 3px; font-weight: 450"
diff --git a/frontend/src/styles/iview-custom.less b/frontend/src/styles/iview-custom.less
index e7d22d90f..b1b75cbd2 100644
--- a/frontend/src/styles/iview-custom.less
+++ b/frontend/src/styles/iview-custom.less
@@ -1,6 +1,10 @@
 table {
   width: 100% !important;
 }
+
+.ivu-select-dropdown {
+  z-index: 1100 !important;
+}
 .auto-resize {
   table {
     table-layout: auto !important;