Skip to content
Snippets Groups Projects
Commit bb9a41b7 authored by Robert Phillips's avatar Robert Phillips
Browse files

Issue #3309894 by robphillips: Separate is-searching and is-filled selectors.

parent 3d8ccbe2
Branches
Tags
No related merge requests found
......@@ -42,13 +42,18 @@
} else {
this.choices.containerOuter.element.classList.remove("is-filled");
}
if (!this.choices.input.element.value) {
this.choices.containerOuter.element.classList.remove("is-searching");
}
});
element.addEventListener("search", () => {
this.choices.containerOuter.element.classList.add("is-filled");
this.choices.containerOuter.element.classList.add("is-searching");
});
this.choices.input.element.addEventListener("change", () => {
if (!this.hasValues() && !this.choices.input.element.value) {
this.choices.containerOuter.element.classList.remove("is-filled");
this.choices.input.element.addEventListener("keyup", () => {
if (this.choices.input.element.value) {
this.choices.containerOuter.element.classList.add("is-searching");
} else {
this.choices.containerOuter.element.classList.remove("is-searching");
}
});
......@@ -131,7 +136,6 @@
hasValues() {
const values = this.choices.getValue();
return (
this.choices.input.element.value ||
(Array.isArray(values) && values.length) ||
(!Array.isArray(values) && values)
);
......
......@@ -37,13 +37,19 @@
} else {
this.choices.containerOuter.element.classList.remove("is-filled");
}
if (!this.choices.input.element.value) {
this.choices.containerOuter.element.classList.remove("is-searching");
}
});
element.addEventListener("search", () => {
this.choices.containerOuter.element.classList.add("is-filled");
this.choices.containerOuter.element.classList.add("is-searching");
});
this.choices.input.element.addEventListener("change", () => {
if (!this.hasValues() && !this.choices.input.element.value) {
this.choices.containerOuter.element.classList.remove("is-filled");
this.choices.input.element.addEventListener("keyup", () => {
if (this.choices.input.element.value) {
this.choices.containerOuter.element.classList.add("is-searching");
} else {
this.choices.containerOuter.element.classList.remove("is-searching");
}
});
......@@ -100,7 +106,7 @@
hasValues() {
const values = this.choices.getValue();
return this.choices.input.element.value || Array.isArray(values) && values.length || !Array.isArray(values) && values;
return Array.isArray(values) && values.length || !Array.isArray(values) && values;
}
isMax() {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment