关于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%);
}