element ui中Select 下拉框最后一行显示不完整

在最近的项目中用到了element ui中Select组件,但在选项的最后一行出现展示不完整的现象


经过一番F12调试终于找出了原因所在
因为做目录时，使用了el-scrollbar，为了防止出现横向滚动条，增加了
.el-scrollbar__wrap {

overflow-x: hidden;
}
导致这个问题

问题解决

为了避免其它样式的影响，保证效果正常渲染
针对select组件样式进行了如下填补

.el-select-dropdown .el-scrollbar .el-scrollbar__wrap
{
overflow: scroll!important;
}
补充
填补的样式一定要加!important，以及不能写在标记了scoped的style域内