diff --git a/src/views/autocomplete/AutoCompleteDoc.vue b/src/views/autocomplete/AutoCompleteDoc.vue
index 1a1546447..96b0fba95 100755
--- a/src/views/autocomplete/AutoCompleteDoc.vue
+++ b/src/views/autocomplete/AutoCompleteDoc.vue
@@ -680,7 +680,7 @@ export default {
                 }
             }
 
-            filteredItems = _filteredItems;
+            filteredItems.value = _filteredItems;
         }
 
         return { countries, countryService, selectedCountry1, selectedCountry2, selectedCity, filteredCities, filteredCountries, selectedCountries, groupedCities, searchCountry, searchCity, searchItems, selectedItem, filteredItems, items }
diff --git a/src/views/multiselect/MultiSelectDoc.vue b/src/views/multiselect/MultiSelectDoc.vue
index adf880deb..86e99360b 100755
--- a/src/views/multiselect/MultiSelectDoc.vue
+++ b/src/views/multiselect/MultiSelectDoc.vue
@@ -632,15 +632,15 @@ export default {
                 ]
             }],
             items: Array.from({ length: 1000 }, (_, i) => ({ label: \`Item #\${i}\`, value: i }))
+        }
+    },
+    methods: {
+        onSelectAllChange(event) {
+            this.selectedItems = event.checked ? this.items.map((item) => item.value) : [];
+            this.selectAll = event.checked;
         },
-        methods: {
-            onSelectAllChange(event) {
-                this.selectedItems = event.checked ? this.items.map((item) => item.value) : [];
-                this.selectAll = event.checked;
-            },
-            onChange(event) {
-                this.selectAll = event.value.length === this.items.length
-            }
+        onChange(event) {
+            this.selectAll = event.value.length === this.items.length
         }
     }
 }
diff --git a/src/views/virtualscroller/VirtualScrollerDoc.vue b/src/views/virtualscroller/VirtualScrollerDoc.vue
index e5c08bd27..276f4d7ff 100644
--- a/src/views/virtualscroller/VirtualScrollerDoc.vue
+++ b/src/views/virtualscroller/VirtualScrollerDoc.vue
@@ -340,7 +340,7 @@ export default {
                     tabName: 'Options API Source',
                     content: `
 <template>
-    <div>
+    <div class="virtualscroller-demo">
         <div class="card">
             <h5 class="p-mb-0">Basic</h5>
             <div class="p-d-flex p-ai-center p-flex-wrap">
@@ -498,7 +498,7 @@ export default {
     mounted() {
         this.basicItems = Array.from({ length: 100000 }).map((_, i) => \`Item #\${i}\`);
         this.multiItems = Array.from({ length: 1000 }).map((_, i) => Array.from({ length: 1000 }).map((_j, j) => \`Item #\${i}_\${j}\`));
-        this.lazyItems = Array.from({ length: 100000 });
+        this.lazyItems = Array.from({ length: 10000 });
     },
     methods: {
         onLazyLoad(event) {
@@ -572,7 +572,7 @@ export default {
                     tabName: 'Composition API Source', 
                     content: `
 <template>
-    <div>
+    <div class="virtualscroller-demo">
         <div class="card">
             <h5 class="p-mb-0">Basic</h5>
             <div class="p-d-flex p-ai-center p-flex-wrap">
@@ -724,7 +724,7 @@ export default {
         onMounted(() => {
             basicItems.value = Array.from({ length: 100000 }).map((_, i) => \`Item #\${i}\`);
             multiItems.value = Array.from({ length: 1000 }).map((_, i) => Array.from({ length: 1000 }).map((_j, j) => \`Item #\${i}_\${j}\`));
-            lazyItems.value = Array.from({ length: 100000 });
+            lazyItems.value = Array.from({ length: 10000 });
         })
 
         const basicItems = ref(null);