javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 11:17:19 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(select): show placeholder when multiple is empty

Browse Source 
checks for array length before joining the array into this.text, this
prevents the text from being set to an empty string for a multiple
value select, allowing the placeholder to show
This commit is contained in:
Brandy Carney
2018-09-19 16:46:23 -04:00
parent 799f0d7a2e
commit 29862e8259
1 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
core/src/components/select/select.tsx
View File

@ -164,7 +164,9 @@ export class Select implements ComponentInterface {
}
});
this.text = texts.join(', ');
if (texts.length > 0) {
this.text = texts.join(', ');
}
}
// emit the new value
@ -248,7 +250,9 @@ export class Select implements ComponentInterface {
// fire off an unnecessary change event
(this.value as string[]).push(o.value);
});
this.text = checked.map(o => o.textContent).join(', ');
if (checked.map(o => o.textContent).length > 0) {
this.text = checked.map(o => o.textContent).join(', ');
}
} else {
const checked = this.childOpts.find(o => o.selected);
@ -471,7 +475,7 @@ export class Select implements ComponentInterface {
let addPlaceholderClass = false;
let selectText = this.selectedText || this.text;
if (selectText === undefined && this.placeholder !== undefined) {
if (selectText == null && this.placeholder != null) {
selectText = this.placeholder;
addPlaceholderClass = true;
}