关于element ui select,date-picker添加:popper-append-to-body="false"后,下拉框下拉方向不会自动调整的问题
1. 问题描述
element ui select,date-picker添加:popper-append-to-body="false"
后,下拉框下拉方向不会自动调整;
比如说select的位置处于页面最下方时,不加popper-append-to-body="false"
下拉框会自动向上展开,但是加上popper-append-to-body="false"
后下拉框就不会自动向上展开,依然保持默认的向下展开,将页面撑开,显示超过页面范围
2.解决
据说这个select,date-picker的下拉框展示的方式是由游览器控制的,没找到解决方法。。。
我的这个select处于页面最下方,加上popper-append-to-body="false"
后下拉框向下展开,会将固定好的页面高度撑开,出现滚动条,这样不好看;需要下拉框向上展开;
解决代码:
::v-deep .el-select-dropdown,
::v-deep .el-picker-panel {
top: -18px !important;
transform: translateY(-100%);
}