关于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"后下拉框就不会自动向上展开，依然保持默认的向下展开，将页面撑开，显示超过页面范围文章来源：https://www.toymoban.com/news/detail-610861.html
2.解决
据说这个select，date-picker的下拉框展示的方式是由游览器控制的，没找到解决方法。。。
我的这个select处于页面最下方，加上popper-append-to-body="false"后下拉框向下展开，会将固定好的页面高度撑开，出现滚动条，这样不好看；需要下拉框向上展开；
解决代码：文章来源地址https://www.toymoban.com/news/detail-610861.html
::v-deep .el-select-dropdown,
::v-deep .el-picker-panel {
top: -18px !important;
transform: translateY(-100%);
}
到了这里，关于关于element ui select，date-picker添加:popper-append-to-body=“false“后，下拉框下拉方向不会自动调整的问题的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
