a-select由於位置不夠,導致下拉選單擋住搜尋框的問題

稳住别慌發表於2024-06-24

1、select預設開啟Y軸溢位位置調整,因此在可視空間不足時下拉框位置會自動上移,導致Select的輸入框被遮擋。需要注意的是,預設情況是是可視空間,而不是所擁有的空間

<template>
 <a-select v-model:value="values" 
   :dropdownAlign="{
      overflow: {
         adjustY: false 
      }
    }"
   show-search :filter-option="filterOption" allowClear>
</template>
                    

2、select-dropdown不隨著整個視窗進行滾動造成下拉框和選擇框分離的情形。
:getPopupContainer="triggerNode => triggerNode.parentNode"



原文連結:https://blog.csdn.net/lowers_1/article/details/126350114

相關文章