VfSmartSelect: remove options container from body on unmount

Author: fergusean

package.json

@@ -1,7 +1,7 @@
 {
     "name": "@signal24/vue-foundation",
     "type": "module",
-    "version": "4.25.5",
+    "version": "4.25.6",
     "description": "Common components, directives, and helpers for Vue 3 apps",
     "module": "./dist/vue-foundation.es.js",
     "exports": {

src/components/vf-smart-select.vue

@@ -51,7 +51,7 @@
 
 <script lang="ts" setup generic="T, V = T">
 import { debounce, groupBy, isEqual, uniq } from 'lodash';
-import { computed, onMounted, ref, watch } from 'vue';
+import { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue';
 
 import { isNotNullOrUndefined } from '@/helpers';
 
@@ -335,6 +335,10 @@ onMounted(async () => {
     }
 });
 
+onBeforeUnmount(() => {
+    optionsContainer.value?.remove();
+});
+
 async function loadRemoteOptions() {
     await reloadOptions();
     if (loadedOptions.value) emit('optionsLoaded', loadedOptions.value);