diff --git a/src/components/select/dropdown.vue b/src/components/select/dropdown.vue index 50c674df..d54b1211 100644 --- a/src/components/select/dropdown.vue +++ b/src/components/select/dropdown.vue @@ -28,7 +28,7 @@ computed: { styles () { let style = {}; - if (this.width) style.width = `${this.width}px`; + if (this.width) style.minWidth = `${this.width}px`; return style; } }, diff --git a/src/components/select/select.vue b/src/components/select/select.vue index e4f800b3..fb9fbd0d 100644 --- a/src/components/select/select.vue +++ b/src/components/select/select.vue @@ -201,9 +201,9 @@ }, placement: { validator (value) { - return oneOf(value, ['top', 'bottom']); + return oneOf(value, ['top', 'bottom', 'top-start', 'bottom-start', 'top-end', 'bottom-end']); }, - default: 'bottom' + default: 'bottom-start' }, transfer: { type: Boolean, diff --git a/src/styles/components/select.less b/src/styles/components/select.less index 2b9f8517..9dad2ab7 100644 --- a/src/styles/components/select.less +++ b/src/styles/components/select.less @@ -235,6 +235,10 @@ min-width: 100%; list-style: none; } + + & &-dropdown{ + width: auto; + } } .select-item(@select-prefix-cls, @select-item-prefix-cls);