fix: ssr #235

vueform · May 31, 2022 · 44bce29 · 44bce29
1 parent f1dfed0
commit 44bce29
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 8 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,10 @@
+## v2.4.1
+
+> `2021-05-31`
+
+### 🐞 Bug Fixes
+  - Hotfix for SSR [#235](https://github.com/vueform/multiselect/issues/235
+
 ## v2.4.0
 
 > `2021-05-30`
@@ -30,8 +37,7 @@
   - Resolved number tag creation duplicate bug.
   - Input height fix when `searchable` for FF.
   - CSS: moved max height to dropdown container from wrapper.
-  - Vite & Nuxt 3 build warn fixes.
-
+  - Vite & Nuxt 3 build warn fixes.).
 
 ## v2.3.4
 

diff --git a/dist/multiselect.global.js b/dist/multiselect.global.js
diff --git a/dist/multiselect.js b/dist/multiselect.js
@@ -1922,7 +1922,7 @@ function useScroll (props, context, dep)
   // =============== HOOKS ================
 
   onMounted(() => {
-    if (id && id.value) {
+    if (id && id.value && document && document.querySelector) {
       label.value = document.querySelector(`[for="${id.value}"]`)?.innerText || null;
     }
   });

diff --git a/dist/multiselect.vue2.global.js b/dist/multiselect.vue2.global.js
diff --git a/dist/multiselect.vue2.js b/dist/multiselect.vue2.js
@@ -1922,7 +1922,7 @@ function useScroll (props, context, dep)
   // =============== HOOKS ================
 
   onMounted(() => {
-    if (id && id.value) {
+    if (id && id.value && document && document.querySelector) {
       label.value = document.querySelector(`[for="${id.value}"]`)?.innerText || null;
     }
   });

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vueform/multiselect",
-  "version": "2.4.0",
+  "version": "2.4.1",
   "private": false,
   "description": "Vue 3 multiselect component with single select, multiselect and tagging options.",
   "license": "MIT",

diff --git a/src/composables/useA11y.js b/src/composables/useA11y.js
@@ -116,7 +116,7 @@ export default function useScroll (props, context, dep)
   // =============== HOOKS ================
 
   onMounted(() => {
-    if (id && id.value) {
+    if (id && id.value && document && document.querySelector) {
       label.value = document.querySelector(`[for="${id.value}"]`)?.innerText || null
     }
   })