Skip to content
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Commit dfc46a0

Browse files
tangjinzhoutangjinzhou
committedMar 16, 2019
fix: select title error #588 
1 parent faf9ba0 commit dfc46a0

File tree

4 files changed

+40
-59
lines changed

4 files changed

+40
-59
lines changed
 

‎components/form/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -404,9 +404,7 @@ exports[`renders ./components/form/demo/register.vue correctly 1`] = `
404404
<div class="ant-row ant-form-item">
405405
<div class="ant-col-xs-24 ant-col-sm-8 ant-form-item-label"><label for="phone" title="Phone Number" class="ant-form-item-required">Phone Number</label></div>
406406
<div class="ant-col-xs-24 ant-col-sm-16 ant-form-item-control-wrapper">
407-
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-group-wrapper" style="width: 100%;"><span class="ant-input-wrapper ant-input-group"><span class="ant-input-group-addon"><div class="ant-select ant-select-enabled" style="width: 70px;" data-__meta="[object Object]" data-__field="[object Object]" id="prefix"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="
408-
+86
409-
" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
407+
<div class="ant-form-item-control"><span class="ant-form-item-children"><span class="ant-input-group-wrapper" style="width: 100%;"><span class="ant-input-wrapper ant-input-group"><span class="ant-input-group-addon"><div class="ant-select ant-select-enabled" style="width: 70px;" data-__meta="[object Object]" data-__field="[object Object]" id="prefix"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="+86" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
410408
+86
411409
</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
412410
</div></span><input type="text" data-__meta="[object Object]" data-__field="[object Object]" id="phone" class="ant-input"></span></span></span>
@@ -742,9 +740,7 @@ exports[`renders ./components/form/demo/validate-static.vue correctly 1`] = `
742740
<div class="ant-row ant-form-item">
743741
<div class="ant-col-xs-24 ant-col-sm-5 ant-form-item-label"><label title="Error" class="">Error</label></div>
744742
<div class="ant-col-xs-24 ant-col-sm-12 ant-form-item-control-wrapper">
745-
<div class="ant-form-item-control has-feedback has-error"><span class="ant-form-item-children"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="
746-
Option 1
747-
" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
743+
<div class="ant-form-item-control has-feedback has-error"><span class="ant-form-item-children"><div class="ant-select ant-select-enabled"><div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single"><div class="ant-select-selection__rendered"><div title="Option 1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
748744
Option 1
749745
</div></div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span></div>
750746
</div><span class="ant-form-item-children-icon"><i class="anticon anticon-close-circle"><svg viewBox="64 64 896 896" data-icon="close-circle" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm165.4 618.2l-66-.3L512 563.4l-99.3 118.4-66.1.3c-4.4 0-8-3.5-8-8 0-1.9.7-3.7 1.9-5.2l130.1-155L340.5 359a8.32 8.32 0 0 1-1.9-5.2c0-4.4 3.6-8 8-8l66.1.3L512 464.6l99.3-118.4 66-.3c4.4 0 8 3.5 8 8 0 1.9-.7 3.7-1.9 5.2L553.5 514l130 155c1.2 1.5 1.9 3.3 1.9 5.2 0 4.4-3.6 8-8 8z"></path></svg></i></span></span>

‎components/select/__tests__/__snapshots__/demo.test.js.snap

Lines changed: 19 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -98,9 +98,9 @@ exports[`renders ./components/select/demo/multiple.md correctly 1`] = `
9898
<div class="ant-select ant-select-enabled" style="width: 100%;">
9999
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
100100
<div class="ant-select-selection__rendered">
101-
<div unselectable="on" role="presentation" title="b2" class="ant-select-selection__placeholder" style="display: none; user-select: none;">Please select</div>
101+
<div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">Please select</div>
102102
<div>
103-
<li unselectable="on" role="presentation" title="b2" class="ant-select-selection__choice" style="user-select: none;">
103+
<li unselectable="on" role="presentation" title="a1" class="ant-select-selection__choice" style="user-select: none;">
104104
<div class="ant-select-selection__choice__content">a1</div><span class="ant-select-selection__choice__remove"><i class="ant-select-remove-icon anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span>
105105
</li>
106106
<li unselectable="on" role="presentation" title="b2" class="ant-select-selection__choice" style="user-select: none;">
@@ -120,7 +120,7 @@ exports[`renders ./components/select/demo/optgroup.md correctly 1`] = `
120120
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
121121
<div class="ant-select-selection__rendered">
122122
<div title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Lucy</div>
123-
</div><span unselectable="on" role="presentation" title="b2" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
123+
</div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
124124
</div>
125125
</div>
126126
`;
@@ -130,7 +130,7 @@ exports[`renders ./components/select/demo/options.md correctly 1`] = `
130130
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
131131
<div class="ant-select-selection__rendered">
132132
<div title="北京 010" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">北京</div>
133-
</div><span unselectable="on" role="presentation" title="b2" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
133+
</div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
134134
</div>
135135
</div>
136136
`;
@@ -139,11 +139,11 @@ exports[`renders ./components/select/demo/search.md correctly 1`] = `
139139
<div class="ant-select ant-select-enabled" style="width: 200px;">
140140
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
141141
<div class="ant-select-selection__rendered">
142-
<div unselectable="on" role="presentation" title="b2" class="ant-select-selection__placeholder" style="display: block; user-select: none;">Select a person</div>
142+
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">Select a person</div>
143143
<div class="ant-select-search ant-select-search--inline" style="display: none;">
144144
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
145145
</div>
146-
</div><span unselectable="on" role="presentation" title="b2" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
146+
</div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
147147
</div>
148148
</div>
149149
`;
@@ -152,7 +152,7 @@ exports[`renders ./components/select/demo/search-box.md correctly 1`] = `
152152
<div class="ant-select ant-select-enabled ant-select-no-arrow" style="width: 200px;">
153153
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
154154
<div class="ant-select-selection__rendered">
155-
<div unselectable="on" role="presentation" title="b2" class="ant-select-selection__placeholder" style="display: block; user-select: none;">input search text</div>
155+
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">input search text</div>
156156
<div class="ant-select-search ant-select-search--inline" style="display: none;">
157157
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
158158
</div>
@@ -165,7 +165,7 @@ exports[`renders ./components/select/demo/select-users.md correctly 1`] = `
165165
<div class="ant-select ant-select-enabled" style="width: 100%;">
166166
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
167167
<div class="ant-select-selection__rendered">
168-
<div unselectable="on" role="presentation" title="b2" class="ant-select-selection__placeholder" style="display: block; user-select: none;">Select users</div>
168+
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">Select users</div>
169169
<div>
170170
<li class="ant-select-search ant-select-search--inline">
171171
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>
@@ -182,31 +182,23 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
182182
<div class="ant-select ant-select-enabled" style="width: 200px;">
183183
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
184184
<div class="ant-select-selection__rendered">
185-
<div title="
186-
a1
187-
" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
185+
<div title="a1" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">
188186
a1
189187
</div>
190-
</div><span unselectable="on" role="presentation" title="b2" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
188+
</div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="ant-select-arrow-icon anticon anticon-down"><svg viewBox="64 64 896 896" data-icon="down" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M884 256h-75c-5.1 0-9.9 2.5-12.9 6.6L512 654.2 227.9 262.6c-3-4.1-7.8-6.6-12.9-6.6h-75c-6.5 0-10.3 7.4-6.5 12.7l352.6 486.1c12.8 17.6 39 17.6 51.7 0l352.6-486.1c3.9-5.3.1-12.7-6.4-12.7z"></path></svg></i></span>
191189
</div>
192190
</div> <br>
193191
<div class="ant-select ant-select-enabled" style="width: 200px;">
194192
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
195193
<div class="ant-select-selection__rendered">
196-
<div unselectable="on" role="presentation" title="
197-
b2
198-
" class="ant-select-selection__placeholder" style="display: none; user-select: none;">Please select</div>
194+
<div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">Please select</div>
199195
<div>
200-
<li unselectable="on" role="presentation" title="
201-
b2
202-
" class="ant-select-selection__choice" style="user-select: none;">
196+
<li unselectable="on" role="presentation" title="a1" class="ant-select-selection__choice" style="user-select: none;">
203197
<div class="ant-select-selection__choice__content">
204198
a1
205199
</div><span class="ant-select-selection__choice__remove"><i class="ant-select-remove-icon anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span>
206200
</li>
207-
<li unselectable="on" role="presentation" title="
208-
b2
209-
" class="ant-select-selection__choice" style="user-select: none;">
201+
<li unselectable="on" role="presentation" title="b2" class="ant-select-selection__choice" style="user-select: none;">
210202
<div class="ant-select-selection__choice__content">
211203
b2
212204
</div><span class="ant-select-selection__choice__remove"><i class="ant-select-remove-icon anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span>
@@ -221,20 +213,14 @@ exports[`renders ./components/select/demo/size.md correctly 1`] = `
221213
<div class="ant-select ant-select-enabled" style="width: 200px;">
222214
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
223215
<div class="ant-select-selection__rendered">
224-
<div unselectable="on" role="presentation" title="
225-
b2
226-
" class="ant-select-selection__placeholder" style="display: none; user-select: none;">Please select</div>
216+
<div unselectable="on" class="ant-select-selection__placeholder" style="display: none; user-select: none;">Please select</div>
227217
<div>
228-
<li unselectable="on" role="presentation" title="
229-
b2
230-
" class="ant-select-selection__choice" style="user-select: none;">
218+
<li unselectable="on" role="presentation" title="a1" class="ant-select-selection__choice" style="user-select: none;">
231219
<div class="ant-select-selection__choice__content">
232220
a1
233221
</div><span class="ant-select-selection__choice__remove"><i class="ant-select-remove-icon anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span>
234222
</li>
235-
<li unselectable="on" role="presentation" title="
236-
b2
237-
" class="ant-select-selection__choice" style="user-select: none;">
223+
<li unselectable="on" role="presentation" title="b2" class="ant-select-selection__choice" style="user-select: none;">
238224
<div class="ant-select-selection__choice__content">
239225
b2
240226
</div><span class="ant-select-selection__choice__remove"><i class="ant-select-remove-icon anticon anticon-close"><svg viewBox="64 64 896 896" data-icon="close" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M563.8 512l262.5-312.9c4.4-5.2.7-13.1-6.1-13.1h-79.8c-4.7 0-9.2 2.1-12.3 5.7L511.6 449.8 295.1 191.7c-3-3.6-7.5-5.7-12.3-5.7H203c-6.8 0-10.5 7.9-6.1 13.1L459.4 512 196.9 824.9A7.95 7.95 0 0 0 203 838h79.8c4.7 0 9.2-2.1 12.3-5.7l216.5-258.1 216.5 258.1c3 3.6 7.5 5.7 12.3 5.7h79.8c6.8 0 10.5-7.9 6.1-13.1L563.8 512z"></path></svg></i></span>
@@ -255,18 +241,14 @@ exports[`renders ./components/select/demo/suffix.md correctly 1`] = `
255241
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="0" class="ant-select-selection ant-select-selection--single">
256242
<div class="ant-select-selection__rendered">
257243
<div title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Lucy</div>
258-
</div><span unselectable="on" role="presentation" title="
259-
b2
260-
" class="ant-select-arrow" style="user-select: none;"><i class="anticon anticon-smile ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span>
244+
</div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="anticon anticon-smile ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="smile" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 533h-48.1c-4.2 0-7.8 3.2-8.1 7.4C604 589.9 562.5 629 512 629s-92.1-39.1-95.8-88.6c-.3-4.2-3.9-7.4-8.1-7.4H360a8 8 0 0 0-8 8.4c4.4 84.3 74.5 151.6 160 151.6s155.6-67.3 160-151.6a8 8 0 0 0-8-8.4z"></path></svg></i></span>
261245
</div>
262246
</div>
263247
<div class="ant-select ant-select-disabled" style="width: 120px;">
264248
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" tabindex="-1" class="ant-select-selection ant-select-selection--single">
265249
<div class="ant-select-selection__rendered">
266250
<div title="Lucy" class="ant-select-selection-selected-value" style="display: block; opacity: 1;">Lucy</div>
267-
</div><span unselectable="on" role="presentation" title="
268-
b2
269-
" class="ant-select-arrow" style="user-select: none;"><i class="anticon anticon-meh ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="meh" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 565H360c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"></path></svg></i></span>
251+
</div><span unselectable="on" class="ant-select-arrow" style="user-select: none;"><i class="anticon anticon-meh ant-select-arrow-icon"><svg viewBox="64 64 896 896" data-icon="meh" width="1em" height="1em" fill="currentColor" aria-hidden="true" class=""><path d="M288 421a48 48 0 1 0 96 0 48 48 0 1 0-96 0zm352 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0zM512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm263 711c-34.2 34.2-74 61-118.3 79.8C611 874.2 562.3 884 512 884c-50.3 0-99-9.8-144.8-29.2A370.4 370.4 0 0 1 248.9 775c-34.2-34.2-61-74-79.8-118.3C149.8 611 140 562.3 140 512s9.8-99 29.2-144.8A370.4 370.4 0 0 1 249 248.9c34.2-34.2 74-61 118.3-79.8C413 149.8 461.7 140 512 140c50.3 0 99 9.8 144.8 29.2A370.4 370.4 0 0 1 775.1 249c34.2 34.2 61 74 79.8 118.3C874.2 413 884 461.7 884 512s-9.8 99-29.2 144.8A368.89 368.89 0 0 1 775 775zM664 565H360c-4.4 0-8 3.6-8 8v48c0 4.4 3.6 8 8 8h304c4.4 0 8-3.6 8-8v-48c0-4.4-3.6-8-8-8z"></path></svg></i></span>
270252
</div>
271253
</div>
272254
</div>
@@ -276,9 +258,7 @@ exports[`renders ./components/select/demo/tags.md correctly 1`] = `
276258
<div class="ant-select ant-select-enabled" style="width: 100%;">
277259
<div role="combobox" aria-autocomplete="list" aria-haspopup="true" aria-controls="test-uuid" class="ant-select-selection ant-select-selection--multiple">
278260
<div class="ant-select-selection__rendered">
279-
<div unselectable="on" role="presentation" title="
280-
b2
281-
" class="ant-select-selection__placeholder" style="display: block; user-select: none;">Tags Mode</div>
261+
<div unselectable="on" class="ant-select-selection__placeholder" style="display: block; user-select: none;">Tags Mode</div>
282262
<div>
283263
<li class="ant-select-search ant-select-search--inline">
284264
<div class="ant-select-search__field__wrap"><input autocomplete="off" value="" class="ant-select-search__field"><span class="ant-select-search__field__mirror">&nbsp;</span></div>

‎components/vc-select/Select.jsx

Lines changed: 18 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1052,14 +1052,12 @@ const Select = {
10521052
});
10531053
value.forEach(singleValue => {
10541054
const key = singleValue;
1055+
const attrs = {
1056+
...UNSELECTABLE_ATTRIBUTE,
1057+
role: 'option',
1058+
};
10551059
const menuItem = (
1056-
<MenuItem
1057-
style={UNSELECTABLE_STYLE}
1058-
{...{ attrs: UNSELECTABLE_ATTRIBUTE }}
1059-
value={key}
1060-
key={key}
1061-
role="option"
1062-
>
1060+
<MenuItem style={UNSELECTABLE_STYLE} {...{ attrs }} value={key} key={key}>
10631061
{key}
10641062
</MenuItem>
10651063
);
@@ -1275,15 +1273,18 @@ const Select = {
12751273
? maxTagPlaceholder(omittedValues)
12761274
: maxTagPlaceholder;
12771275
}
1276+
const attrs = {
1277+
...UNSELECTABLE_ATTRIBUTE,
1278+
role: 'presentation',
1279+
title: toTitle(content),
1280+
};
12781281
maxTagPlaceholderEl = (
12791282
<li
12801283
style={UNSELECTABLE_STYLE}
1281-
{...{ attrs: UNSELECTABLE_ATTRIBUTE }}
1282-
role="presentation"
1284+
{...{ attrs }}
12831285
onMousedown={preventDefaultEvent}
12841286
class={`${prefixCls}-selection__choice ${prefixCls}-selection__choice__disabled`}
12851287
key="maxTagPlaceholder"
1286-
title={toTitle(content)}
12871288
>
12881289
<div class={`${prefixCls}-selection__choice__content`}>{content}</div>
12891290
</li>
@@ -1305,15 +1306,19 @@ const Select = {
13051306
const choiceClassName = disabled
13061307
? `${prefixCls}-selection__choice ${prefixCls}-selection__choice__disabled`
13071308
: `${prefixCls}-selection__choice`;
1309+
// attrs 放在一起，避免动态title混乱问题，很奇怪的问题 https://github.com/vueComponent/ant-design-vue/issues/588
1310+
const attrs = {
1311+
...UNSELECTABLE_ATTRIBUTE,
1312+
role: 'presentation',
1313+
title: toTitle(title),
1314+
};
13081315
return (
13091316
<li
13101317
style={UNSELECTABLE_STYLE}
1311-
{...{ attrs: UNSELECTABLE_ATTRIBUTE }}
1318+
{...{ attrs }}
13121319
onMousedown={preventDefaultEvent}
13131320
class={choiceClassName}
1314-
role="presentation"
13151321
key={singleValue || SELECT_EMPTY_VALUE_KEY}
1316-
title={toTitle(title)}
13171322
>
13181323
<div class={`${prefixCls}-selection__choice__content`}>{content}</div>
13191324
{disabled ? null : (

‎components/vc-select/util.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ import { cloneVNodes } from '../_util/vnode';
99

1010
export function toTitle(title) {
1111
if (typeof title === 'string') {
12-
return title;
12+
return title.trim();
1313
}
1414
return '';
1515
}

0 commit comments

Comments
 (0)
Please sign in to comment.