github
/
element
mirror of https://github.com/ElemeFE/element
1
0
Fork 0
Code Issues Releases Wiki Activity

Select: Fix (#11392 & #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

pull/12329/head
akki-jat 2018-08-10 10:14:22 -04:00
parent 3990d9bdea
commit 6d833ce44c
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
packages/select/src/select.vue
View File

@ -8,7 +8,7 @@
class="el-select__tags"
v-if="multiple"
ref="tags"
:style="{ 'max-width': inputWidth - 32 + 'px' }">
:style="{ 'max-width': inputWidth - 32 + 'px', width: '100%' }">
<span v-if="collapseTags && selected.length">
<el-tag
:closable="!selectDisabled"
@ -28,7 +28,7 @@
<span class="el-select__tags-text">+ {{ selected.length - 1 }}</span>
</el-tag>
</span>
<transition-group @after-leave="resetInputHeight" v-if="!collapseTags">
<transition-group @after-leave="resetInputHeight" v-if="!collapseTags" style="display: contents;">
<el-tag
v-for="item in selected"
:key="getValueKey(item)"
@ -64,7 +64,7 @@
v-model="query"
@input="debouncedQueryChange"
v-if="filterable"
:style="{ width: inputLength + 'px', 'max-width': inputWidth - 42 + 'px' }"
:style="{ 'flex-grow': '1', width: '30%' }"
ref="input">
</div>
<el-input