fix: ssr #235

adamberecz · adamberecz · commit 44bce294ed49 · 2022-05-31T07:16:19.000+02:00
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
     }
   })

Original file line number	Diff line number	Diff line change
`@@ -1922,7 +1922,7 @@ function useScroll (props, context, dep)`
`1922`	`1922`	`// =============== HOOKS ================`
`1923`	`1923`
`1924`	`1924`	`onMounted(() => {`
`1925`		`- if (id && id.value) {`
	`1925`	`+ if (id && id.value && document && document.querySelector) {`
`1926`	`1926`	label.value = document.querySelector(`[for="${id.value}"]`)?.innerText \|\| null;
`1927`	`1927`	`}`
`1928`	`1928`	`});`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@vueform/multiselect",`
`3`		`- "version": "2.4.0",`
	`3`	`+ "version": "2.4.1",`
`4`	`4`	`"private": false,`
`5`	`5`	`"description": "Vue 3 multiselect component with single select, multiselect and tagging options.",`
`6`	`6`	`"license": "MIT",`
Original file line number	Diff line number	Diff line change
`@@ -116,7 +116,7 @@ export default function useScroll (props, context, dep)`
`116`	`116`	`// =============== HOOKS ================`
`117`	`117`
`118`	`118`	`onMounted(() => {`
`119`		`- if (id && id.value) {`
	`119`	`+ if (id && id.value && document && document.querySelector) {`
`120`	`120`	label.value = document.querySelector(`[for="${id.value}"]`)?.innerText \|\| null
`121`	`121`	`}`
`122`	`122`	`})`