diff --git a/packages/theme-chalk/src/cascader.scss b/packages/theme-chalk/src/cascader.scss index ad6d69446f..81dd167cf3 100644 --- a/packages/theme-chalk/src/cascader.scss +++ b/packages/theme-chalk/src/cascader.scss @@ -83,15 +83,12 @@ box-shadow: $--cascader-menu-shadow; .el-popper__arrow { - left: 35px; &::before { border: $--cascader-menu-border; } } &[data-popper-placement^="top"] { - transform-origin: bottom center; - .el-popper__arrow::before { border-top-color: transparent; border-left-color: transparent; diff --git a/packages/theme-chalk/src/common/transition.scss b/packages/theme-chalk/src/common/transition.scss index cef08c9cbe..34d64966f6 100644 --- a/packages/theme-chalk/src/common/transition.scss +++ b/packages/theme-chalk/src/common/transition.scss @@ -45,6 +45,10 @@ transform: scaleY(1); transition: $--md-fade-transition; transform-origin: center top; + + &[data-popper-placement^="top"] { + transform-origin: center bottom; + } } .el-zoom-in-top-enter-from, .el-zoom-in-top-leave-active {