diff --git a/components/lib/autocomplete/BaseAutoComplete.vue b/components/lib/autocomplete/BaseAutoComplete.vue
index 8d4c825e3..000ce014d 100644
--- a/components/lib/autocomplete/BaseAutoComplete.vue
+++ b/components/lib/autocomplete/BaseAutoComplete.vue
@@ -66,7 +66,7 @@ export default {
             default: 300
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         forceSelection: {
diff --git a/components/lib/calendar/BaseCalendar.vue b/components/lib/calendar/BaseCalendar.vue
index 8b75e2d1b..2d3a58fa8 100644
--- a/components/lib/calendar/BaseCalendar.vue
+++ b/components/lib/calendar/BaseCalendar.vue
@@ -173,7 +173,7 @@ export default {
             default: true
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         disabled: {
diff --git a/components/lib/cascadeselect/BaseCascadeSelect.vue b/components/lib/cascadeselect/BaseCascadeSelect.vue
index a8f1b6e4a..f569f2f58 100644
--- a/components/lib/cascadeselect/BaseCascadeSelect.vue
+++ b/components/lib/cascadeselect/BaseCascadeSelect.vue
@@ -45,7 +45,7 @@ export default {
             default: null
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         loading: {
diff --git a/components/lib/colorpicker/BaseColorPicker.vue b/components/lib/colorpicker/BaseColorPicker.vue
index 148af6fde..521d84743 100644
--- a/components/lib/colorpicker/BaseColorPicker.vue
+++ b/components/lib/colorpicker/BaseColorPicker.vue
@@ -39,7 +39,7 @@ export default {
             default: 0
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         panelClass: null
diff --git a/components/lib/contextmenu/BaseContextMenu.vue b/components/lib/contextmenu/BaseContextMenu.vue
index 850c1b177..bdb96095c 100644
--- a/components/lib/contextmenu/BaseContextMenu.vue
+++ b/components/lib/contextmenu/BaseContextMenu.vue
@@ -11,7 +11,7 @@ export default {
             default: null
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         autoZIndex: {
diff --git a/components/lib/dialog/BaseDialog.vue b/components/lib/dialog/BaseDialog.vue
index f4108f47c..8c0a2dc48 100644
--- a/components/lib/dialog/BaseDialog.vue
+++ b/components/lib/dialog/BaseDialog.vue
@@ -95,7 +95,7 @@ export default {
             default: 0
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         closeIcon: {
diff --git a/components/lib/dropdown/BaseDropdown.vue b/components/lib/dropdown/BaseDropdown.vue
index ea1245ba4..755a63ccb 100644
--- a/components/lib/dropdown/BaseDropdown.vue
+++ b/components/lib/dropdown/BaseDropdown.vue
@@ -79,7 +79,7 @@ export default {
             default: null
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         loading: {
diff --git a/components/lib/menu/BaseMenu.vue b/components/lib/menu/BaseMenu.vue
index 0d1178de3..3726a5d33 100644
--- a/components/lib/menu/BaseMenu.vue
+++ b/components/lib/menu/BaseMenu.vue
@@ -15,7 +15,7 @@ export default {
             default: null
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         autoZIndex: {
diff --git a/components/lib/multiselect/BaseMultiSelect.vue b/components/lib/multiselect/BaseMultiSelect.vue
index 030db6b8f..5a5d1d820 100644
--- a/components/lib/multiselect/BaseMultiSelect.vue
+++ b/components/lib/multiselect/BaseMultiSelect.vue
@@ -60,7 +60,7 @@ export default {
             default: null
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         display: {
diff --git a/components/lib/overlaypanel/BaseOverlayPanel.vue b/components/lib/overlaypanel/BaseOverlayPanel.vue
index 9f0925da6..199c62f6d 100644
--- a/components/lib/overlaypanel/BaseOverlayPanel.vue
+++ b/components/lib/overlaypanel/BaseOverlayPanel.vue
@@ -15,7 +15,7 @@ export default {
             default: false
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         baseZIndex: {
diff --git a/components/lib/password/BasePassword.vue b/components/lib/password/BasePassword.vue
index 8edf345c3..99d55066f 100644
--- a/components/lib/password/BasePassword.vue
+++ b/components/lib/password/BasePassword.vue
@@ -36,7 +36,7 @@ export default {
             default: true
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         toggleMask: {
diff --git a/components/lib/portal/Portal.vue b/components/lib/portal/Portal.vue
index c1af3372e..e80660f4c 100644
--- a/components/lib/portal/Portal.vue
+++ b/components/lib/portal/Portal.vue
@@ -16,7 +16,7 @@ export default {
     name: 'Portal',
     props: {
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         disabled: {
diff --git a/components/lib/splitbutton/BaseSplitButton.vue b/components/lib/splitbutton/BaseSplitButton.vue
index 8118c64c7..2715823b8 100644
--- a/components/lib/splitbutton/BaseSplitButton.vue
+++ b/components/lib/splitbutton/BaseSplitButton.vue
@@ -27,7 +27,7 @@ export default {
             default: 0
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         disabled: {
diff --git a/components/lib/tieredmenu/BaseTieredMenu.vue b/components/lib/tieredmenu/BaseTieredMenu.vue
index b4fb22e21..cdaf865fe 100644
--- a/components/lib/tieredmenu/BaseTieredMenu.vue
+++ b/components/lib/tieredmenu/BaseTieredMenu.vue
@@ -15,7 +15,7 @@ export default {
             default: null
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         autoZIndex: {
diff --git a/components/lib/treeselect/BaseTreeSelect.vue b/components/lib/treeselect/BaseTreeSelect.vue
index 519a57c72..92b2e3eed 100644
--- a/components/lib/treeselect/BaseTreeSelect.vue
+++ b/components/lib/treeselect/BaseTreeSelect.vue
@@ -29,7 +29,7 @@ export default {
             default: 'single'
         },
         appendTo: {
-            type: String,
+            type: [String, Object],
             default: 'body'
         },
         emptyMessage: {