a-select由于位置不够,导致下拉菜单挡住搜索框的问题

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
posted on 2024-06-24 09:29  稳住别慌  阅读(178)  评论(0编辑  收藏  举报