diff --git a/apps/web/src/components/MaterialPickerModal.vue b/apps/web/src/components/MaterialPickerModal.vue
index 958bc79..0f35188 100644
--- a/apps/web/src/components/MaterialPickerModal.vue
+++ b/apps/web/src/components/MaterialPickerModal.vue
@@ -13,11 +13,11 @@
         <a-radio-button value="self">自建库</a-radio-button>
       </a-radio-group>
       <span class="lbl" style="margin-left: 20px">健康等级：</span>
-      <a-select v-model:value="healthGrade" size="small" style="width: 110px" allow-clear placeholder="全部" @change="reload">
+      <a-select v-model:value="healthGrade" size="small" style="width: 110px" allow-clear placeholder="全部" :get-popup-container="popupContainer" @change="reload">
         <a-select-option v-for="g in healthGrades" :key="g" :value="g">{{ g }} 级</a-select-option>
       </a-select>
       <span class="lbl" style="margin-left: 20px">环保等级：</span>
-      <a-select v-model:value="envGrade" size="small" style="width: 100px" allow-clear placeholder="全部" @change="reload">
+      <a-select v-model:value="envGrade" size="small" style="width: 100px" allow-clear placeholder="全部" :get-popup-container="popupContainer" @change="reload">
         <a-select-option v-for="g in envGrades" :key="g" :value="g">{{ g }}</a-select-option>
       </a-select>
     </div>
@@ -137,6 +137,10 @@ const rowState = reactive<Record<string, { checked: boolean; area: number | null
 
 const picked = computed(() => new Set(props.existingIds));
 
+// 让下拉渲染进弹窗内部，避免被弹窗 z-index 盖住（否则下拉看起来是空的）
+const popupContainer = (trigger: HTMLElement) =>
+  (trigger.closest('.ant-modal-content') as HTMLElement) || document.body;
+
 // 大类 -> 子类[]
 const tree = computed(() => {
   const map = new Map<string, string[]>();