v0.5.2

CHANGELOG.md

@@ -1,6 +1,6 @@
 # Patch notes
 
-Current vue-extended-multiselect version: **0.5.1**
+Current vue-extended-multiselect version: **0.5.2**
 
 ***
 
@@ -107,4 +107,8 @@ Current vue-extended-multiselect version: **0.5.1**
 
 ### 0.5.1 (2024-04-04)
 
-* Fixing bug with incorrect options list placement.
+* Fixing bug with incorrect options list placement.
+
+### 0.5.2 (2024-04-04)
+
+* Fixing bug with co-appearance of search field and placeholder.

README.md

@@ -1,4 +1,4 @@
-# vue-extended-multiselect v0.5.0
+# vue-extended-multiselect v0.5.2
 
 ***
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-extended-multiselect",
-  "version": "0.5.1",
+  "version": "0.5.2",
   "description": "Extended multiselect component for applications based on Vue 2 framework",
   "keywords": [
     "multiselect",

src/components/ExtendedMultiselectInput.vue

@@ -161,7 +161,7 @@
     v-else
   >
     <span
-      v-if="placeholderBlockShown"
+      v-if="hintBlockShown"
       class="extended__multiselect-placeholder"
     >
       {{ appropriatePlaceholder }}
@@ -485,6 +485,18 @@ export default Vue.extend({
       return this.createOnTheGo ? this.createOptionPlaceholder : this.placeholder;
     },
 
+    /**
+     * Determines whether to show placeholder block
+     * if search field is hidden
+     * @function
+     * @returns {boolean} display
+     */
+    hintBlockShown() {
+      if (this.selectedOptions.length) return false;
+
+      return true;
+    },
+
     /**
      * Sets "margin-top" css property to multiple option blocks
      * if search field is shown
@@ -501,7 +513,7 @@ export default Vue.extend({
      * @returns {boolean} display
      */
     placeholderBlockShown() {
-      if (this.selectedOptions.length) return false;
+      if (this.selectedOptions.length || this.searchFieldForwarding) return false;
 
       return true;
     },

src/components/VueExtendedMultiselect.vue

@@ -286,7 +286,7 @@ import store from "../vuex/store";
  * @mixes ToggleMixin
  * @mixes CancelMixin
  * @mixes PreselectedOptionsMixin
- * @version 0.5.1
+ * @version 0.5.2
  */
 export default Vue.extend({
   name: "VueExtendedMultiselect",