Fixed an issue where lifecycleDone could be emitted before the last r…

…ender is done

src/components/base/b-virtual-scroll-new/b-virtual-scroll-new.ts

@@ -401,8 +401,11 @@ export default class bVirtualScrollNew extends iVirtualScrollHandlers implements
 			});
 		});
 
+		this.componentInternalState.setIsDomInsertInProgress(true);
+
 		this.async.requestAnimationFrame(() => {
 			this.$refs.container.appendChild(fragment);
+			this.componentInternalState.setIsDomInsertInProgress(false);
 
 			this.onDomInsertDone();
 			this.onRenderDone();

src/components/base/b-virtual-scroll-new/handlers.ts

@@ -6,6 +6,8 @@
  * https://github.com/V4Fire/Client/blob/master/LICENSE
  */
 
+import symbolGenerator from 'core/symbol';
+
 import iVirtualScrollProps from 'components/base/b-virtual-scroll-new/props';
 
 import type bVirtualScrollNew from 'components/base/b-virtual-scroll-new/b-virtual-scroll-new';
@@ -16,6 +18,8 @@ import { isAsyncReplaceError } from 'components/base/b-virtual-scroll-new/module
 
 import iData, { component } from 'components/super/i-data/i-data';
 
+const $$ = symbolGenerator();
+
 /**
  * A class that provides an API to handle events emitted by the {@link bVirtualScrollNew} component.
  * This class is designed to work in conjunction with {@link bVirtualScrollNew}.
@@ -97,15 +101,27 @@ export abstract class iVirtualScrollHandlers extends iVirtualScrollProps {
 	 */
 	protected onLifecycleDone(this: bVirtualScrollNew): void {
 		const
-			state = this.getVirtualScrollState();
+			state = this.getVirtualScrollState(),
+			isDomInsertInProgress = this.componentInternalState.getIsDomInsertInProgress();
 
 		if (state.isLifecycleDone) {
 			return;
 		}
 
-		this.slotsStateController.doneState();
-		this.componentInternalState.setIsLifecycleDone(true);
-		this.componentEmitter.emit(componentEvents.lifecycleDone);
+		const handler = () => {
+			this.slotsStateController.doneState();
+			this.componentInternalState.setIsLifecycleDone(true);
+			this.componentEmitter.emit(componentEvents.lifecycleDone);
+		};
+
+		if (isDomInsertInProgress) {
+			return this.componentEmitter.once(componentEvents.renderDone, handler, {
+				group: bVirtualScrollNewAsyncGroup,
+				label: $$.waitUntilRenderDone
+			});
+		}
+
+		return handler();
 	}
 
 	/**

src/components/base/b-virtual-scroll-new/interface/component.ts

@@ -132,6 +132,11 @@ export interface PrivateComponentState {
 	 * Pointer to the index of the data element that was last rendered.
 	 */
 	dataOffset: number;
+
+	/**
+	 * If true, it means that the process of inserting components into the DOM tree is currently in progress.
+	 */
+	isDomInsertInProgress: boolean;
 }
 
 /**

src/components/base/b-virtual-scroll-new/modules/state/index.ts

@@ -127,6 +127,14 @@ export class ComponentInternalState extends Friend {
 		this.state.isInitialRender = value;
 	}
 
+	/**
+	 * Sets the flag indicating that the process of inserting components into the DOM tree is currently in progress
+	 * @param value
+	 */
+	setIsDomInsertInProgress(value: boolean): void {
+		this.privateState.isDomInsertInProgress = value;
+	}
+
 	/**
 	 * Sets the flag indicating if requests are stopped and the component won't make any more requests
 	 * until the lifecycle is refreshed.
@@ -190,6 +198,14 @@ export class ComponentInternalState extends Friend {
 		return this.privateState.dataOffset;
 	}
 
+	/**
+	 * Returns the value of the flag indicating whether the process
+	 * of inserting components into the DOM tree is currently in progress
+	 */
+	getIsDomInsertInProgress(): boolean {
+		return this.privateState.isDomInsertInProgress;
+	}
+
 	/**
 	 * Updates the cursor indicating the last index of the last rendered data element
 	 */

src/components/base/b-virtual-scroll-new/test/unit/functional/emitter/payload.ts

@@ -161,9 +161,9 @@ test.describe('<b-virtual-scroll-new>', () => {
 				['renderEngineStart'],
 				['renderEngineDone'],
 				['domInsertStart'],
-				['lifecycleDone'],
 				['domInsertDone'],
-				['renderDone']
+				['renderDone'],
+				['lifecycleDone']
 			]);
 		});
 	});