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