Skip to content

Commit 6d833ce

Browse files
committed
Select: Fix (ElemeFE#11392 & ElemeFE#12327) Writing space become small when collapse-tags prop is added & input takes new line even if space is available when filterable & multiple props are true
1 parent 3990d9b commit 6d833ce

File tree

1 file changed

+3
-3
lines changed

1 file changed

+3
-3
lines changed

packages/select/src/select.vue

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -8,7 +8,7 @@
88
class="el-select__tags"
99
v-if="multiple"
1010
ref="tags"
11-
:style="{ 'max-width': inputWidth - 32 + 'px' }">
11+
:style="{ 'max-width': inputWidth - 32 + 'px', width: '100%' }">
1212
<span v-if="collapseTags && selected.length">
1313
<el-tag
1414
:closable="!selectDisabled"
@@ -28,7 +28,7 @@
2828
<span class="el-select__tags-text">+ {{ selected.length - 1 }}</span>
2929
</el-tag>
3030
</span>
31-
<transition-group @after-leave="resetInputHeight" v-if="!collapseTags">
31+
<transition-group @after-leave="resetInputHeight" v-if="!collapseTags" style="display: contents;">
3232
<el-tag
3333
v-for="item in selected"
3434
:key="getValueKey(item)"
@@ -64,7 +64,7 @@
6464
v-model="query"
6565
@input="debouncedQueryChange"
6666
v-if="filterable"
67-
:style="{ width: inputLength + 'px', 'max-width': inputWidth - 42 + 'px' }"
67+
:style="{ 'flex-grow': '1', width: '30%' }"
6868
ref="input">
6969
</div>
7070
<el-input

0 commit comments

Comments
 (0)