From eac137a31ed7d363657f18a4f098d50d633ec907 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=8E=8B=E5=98=89=E8=B1=AA?=
 <42510293+ziyujiahao@users.noreply.github.com>
Date: Tue, 14 Apr 2026 16:04:38 +0800
Subject: [PATCH] =?UTF-8?q?style:=20=E4=BF=AE=E5=A4=8D=E8=B7=B3=E8=BD=AC?=
 =?UTF-8?q?=E8=81=94=E5=8A=A8=E5=B0=8F=E8=8F=9C=E5=8D=95=E5=8F=AF=E8=83=BD?=
 =?UTF-8?q?=E8=A2=AB=E4=B8=8A=E6=96=B9=E7=BB=84=E4=BB=B6=E9=81=AE=E6=8C=A1?=
 =?UTF-8?q?=E9=97=AE=E9=A2=98=20(#18254)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../data-visualization/canvas/ComponentWrapper.vue  |  1 +
 .../src/components/visualization/ViewTrackBar.vue   | 13 +++++++++++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
index a92eb80f57..6e3012bd66 100644
--- a/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
+++ b/core/core-frontend/src/components/data-visualization/canvas/ComponentWrapper.vue
@@ -554,6 +554,7 @@ const showPositionActive = computed(() =>
 .component {
   width: 100% !important;
   height: 100% !important;
+  overflow: hidden;
 }
 
 .svg-background {
diff --git a/core/core-frontend/src/components/visualization/ViewTrackBar.vue b/core/core-frontend/src/components/visualization/ViewTrackBar.vue
index 3d1d5ce4dd..67311edd33 100644
--- a/core/core-frontend/src/components/visualization/ViewTrackBar.vue
+++ b/core/core-frontend/src/components/visualization/ViewTrackBar.vue
@@ -2,11 +2,13 @@
   <div>
     <el-dropdown
       :id="'view-track-bar-' + chartId"
-      :teleported="false"
+      :teleported="true"
       trigger="click"
+      placement="bottom"
+      popper-class="track_bar_custom"
       @visible-change="visibleChange"
     >
-      <input id="input" ref="trackButton" type="button" hidden />
+      <input id="input" style="opacity: 0" ref="trackButton" type="button" />
       <template #dropdown>
         <div :class="{ 'data-mobile': isDataVMobile }">
           <el-dropdown-menu
@@ -93,6 +95,12 @@ defineExpose({
 })
 </script>
 
+<style lang="less">
+.track_bar_custom {
+  transform: translate(50px, -30px);
+}
+</style>
+
 <style lang="less" scoped>
 .menu-item {
   font-size: 12px;
@@ -100,6 +108,7 @@ defineExpose({
 
 :deep(.ed-dropdown__popper) {
   position: static !important;
+  z-index: 9999 !important; /* 添加这行 */
 }
 
 .ed-popper[x-placement^='bottom'] .popper__arrow {