Method render

src/bases/TaskListView.ts:501–583

()

	}

	async render(): Promise<void> {
		if (!this.itemsContainer || !this.rootElement) return;

		// Defer re-render while a drag is in progress — re-rendering
		// destroys card elements and their event listeners, which
		// causes the drop event to never fire.
		if (this.draggedTaskPath) {
			this.pendingRender = true;
			return;
		}

		// Always re-read view options to catch config changes such as
		// switching expanded relationship filtering modes in Bases.
		if (this.config) {
			this.readViewOptions();
		}

		// Now that config is loaded, setup search (idempotent: will only create once)
		if (this.rootElement) {
			this.setupSearch(this.rootElement);
		}
		try {
			// Skip rendering if we have no data yet (prevents flickering during data updates)
			if (!this.data?.data) {
				this.clearGroupingSnapshot();
				return;
			}

			// Extract data using adapter (adapter now uses this as basesView)
			const dataItems = this.dataAdapter.extractDataItems();

			// Compute Bases formulas for TaskNotes items
			computeBasesFormulas(this.data, dataItems);

			const taskNotes = await identifyTaskNotesFromBasesData(dataItems, this.plugin);

			if (taskNotes.length === 0) {
				this.clearAllTaskElements();
				this.sortScopeTaskPaths.clear();
				this.sortScopeCandidateTaskPaths.clear();
				this.clearGroupingSnapshot();
				this.renderEmptyState();
				this.lastRenderWasGrouped = false;
				return;
			}

			const isGrouped = this.dataAdapter.isGrouped();

			// Special case: if sub-grouping is configured but primary grouping is not,
			// treat sub-group property as primary grouping
			if (!isGrouped && this.subGroupPropertyId) {
				if (!this.lastRenderWasGrouped) {
					this.clearAllTaskElements();
				}
				await this.renderGroupedBySubProperty(taskNotes);
				this.lastRenderWasGrouped = true;
			} else if (isGrouped) {
				if (!this.lastRenderWasGrouped) {